{"id":45389,"date":"2026-10-22T13:01:57","date_gmt":"2026-10-22T06:01:57","guid":{"rendered":"https:\/\/idstar.co.id\/?page_id=45389"},"modified":"2026-10-27T16:52:59","modified_gmt":"2026-10-27T09:52:59","slug":"ai-coding","status":"publish","type":"page","link":"https:\/\/idstar.co.id\/id\/services\/cloud-services\/ai-coding\/","title":{"rendered":"AI Coding Assistant \u2013 Tencent CodeBuddy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45389\" class=\"elementor elementor-45389\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10553da2 e-con-full e-flex e-con e-parent\" data-id=\"10553da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d989c21 e-con-full e-flex e-con e-child\" data-id=\"3d989c21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ae9148 elementor-widget elementor-widget-html\" data-id=\"2ae9148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ============================================\n   TENCENT CODEBUDDY HERO\n============================================ *\/\n\n.codebuddy-hero-section {\n    --cbh-blue: #0052d9;\n    --cbh-light-blue: #dde9ff;\n\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    min-height: 600px;\n    background: #ffffff;\n    display: flex;\n    align-items: center;\n    font-family: \"Poppins\", Arial, sans-serif;\n    isolation: isolate;\n}\n\n.codebuddy-hero-section *,\n.codebuddy-hero-section *::before,\n.codebuddy-hero-section *::after {\n    box-sizing: border-box;\n}\n\n\/* ============================================\n   DOT GRID BACKGROUND\n============================================ *\/\n\n.codebuddy-hero__bg-dots {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n\n    background-image: radial-gradient(\n        circle,\n        #cbd5e1 1.3px,\n        transparent 1.3px\n    );\n\n    background-size: 28px 28px;\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,1) 0%,\n            rgba(0,0,0,0.85) 50%,\n            transparent 100%\n        ),\n        linear-gradient(\n            to right,\n            transparent 0%,\n            rgba(0,0,0,0.08) 18%,\n            rgba(0,0,0,0.55) 42%,\n            #000 100%\n        );\n\n    -webkit-mask-composite: source-in;\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            #000 0%,\n            rgba(0,0,0,0.85) 50%,\n            transparent 100%\n        ),\n        linear-gradient(to right, transparent, #000);\n\n    mask-composite: intersect;\n}\n\n\/* ============================================\n   CIRCUIT LINES BACKGROUND\n============================================ *\/\n\n.codebuddy-hero__bg-lines {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n\n    -webkit-mask-image: linear-gradient(\n        to bottom,\n        #000 0%,\n        rgba(0,0,0,0.7) 55%,\n        transparent 100%\n    );\n\n    mask-image: linear-gradient(\n        to bottom,\n        #000 0%,\n        rgba(0,0,0,0.7) 55%,\n        transparent 100%\n    );\n}\n\n\/* ============================================\n   INNER WRAPPER\n============================================ *\/\n\n.codebuddy-hero__inner {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n    max-width: 1200px;\n    min-height: 600px;\n    margin: 0 auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n}\n\n\/* ============================================\n   LEFT CONTENT\n============================================ *\/\n\n.codebuddy-hero__content {\n    flex: 1 1 760px;\n    max-width: 760px;\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n\/* ============================================\n   HEADING\n============================================ *\/\n\n.codebuddy-hero-section h1.codebuddy-hero__title {\n    width: 100%;\n    max-width: 760px;\n\n    font-size: 40px !important;\n    font-weight: 600 !important;\n    line-height: 1.22;\n\n    color: #0f0f1a;\n    letter-spacing: -0.5px;\n\n    margin: 0 0 18px;\n    padding: 0;\n}\n\n.codebuddy-hero__title-accent {\n    color: var(--cbh-blue);\n}\n\n\/* ============================================\n   DESCRIPTION\n============================================ *\/\n\n.codebuddy-hero__desc {\n    width: 100%;\n    max-width: 720px;\n\n    font-size: 16px;\n    line-height: 1.75;\n    font-weight: 400;\n    color: #6b7280;\n\n    margin: 0 0 36px;\n}\n\n\/* ============================================\n   CTA ROW\n============================================ *\/\n\n.codebuddy-hero__cta-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 20px;\n}\n\n\/* Primary Button *\/\n\n.codebuddy-hero__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px 32px;\n\n    background: linear-gradient(\n        110deg,\n        #39FA98 0%,\n        #24D982 100%\n    );\n    color: #0A0F1D;\n\n    border: 1px solid rgba(10, 15, 29, 0.06);\n    border-radius: 10px;\n\n    font-size: 0.92rem;\n    font-weight: 600;\n    line-height: 1.4;\n    text-decoration: none;\n    cursor: pointer;\n    white-space: nowrap;\n\n    box-shadow: 0 6px 18px rgba(36, 217, 130, 0.22);\n    transition:\n        background 0.25s ease,\n        box-shadow 0.25s ease,\n        transform 0.25s ease;\n}\n\n.codebuddy-hero__btn:hover,\n.codebuddy-hero__btn:focus-visible {\n    background: linear-gradient(\n        110deg,\n        #24D982 0%,\n        #16B96B 100%\n    );\n    color: #0A0F1D;\n    box-shadow: 0 8px 22px rgba(36, 217, 130, 0.32);\n    transform: translateY(-2px);\n}\n\n\/* Secondary CTA *\/\n\n.codebuddy-hero__see-details {\n    display: inline-flex;\n    align-items: center;\n\n    font-size: 0.88rem;\n    font-weight: 600;\n\n    color: var(--cbh-blue);\n    text-decoration: none;\n\n    padding-bottom: 2px;\n    border-bottom: 2px solid transparent;\n\n    cursor: pointer;\n    white-space: nowrap;\n\n    transition: border-color 0.2s ease;\n}\n\n.codebuddy-hero__see-details:hover,\n.codebuddy-hero__see-details:focus-visible {\n    color: #6c4dff;\n    border-bottom-color: #6c4dff;\n}\n\n\/* ============================================\n   RIGHT ILLUSTRATION - DESKTOP 460PX\n============================================ *\/\n\n.codebuddy-hero__image-wrap {\n    flex: 0 0 460px;\n    width: 460px;\n    max-width: 460px;\n    min-width: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    align-self: center;\n}\n\n.codebuddy-hero__image {\n    display: block;\n\n    width: 100%;\n    max-width: 460px;\n    height: auto;\n\n    object-fit: contain;\n\n    filter: drop-shadow(\n        0 8px 32px rgba(0,0,0,0.12)\n    );\n}\n\n\/* ============================================\n   TABLET - MAX 1024PX\n============================================ *\/\n\n@media (max-width: 1024px) {\n    .codebuddy-hero-section {\n        min-height: 580px;\n    }\n\n    .codebuddy-hero__inner {\n        min-height: 580px;\n        padding: 30px 20px;\n        gap: 28px;\n    }\n\n    .codebuddy-hero__content {\n        flex: 1 1 0;\n        max-width: none;\n        min-width: 0;\n    }\n\n    .codebuddy-hero-section h1.codebuddy-hero__title {\n        max-width: 100%;\n        font-size: 32px !important;\n        line-height: 1.3;\n    }\n\n    .codebuddy-hero__desc {\n        max-width: 100%;\n        font-size: 16px;\n    }\n\n    .codebuddy-hero__image-wrap {\n        flex: 0 0 300px;\n        width: 300px;\n        max-width: 300px;\n    }\n\n    .codebuddy-hero__image {\n        max-width: 300px;\n    }\n}\n\n\/* ============================================\n   MOBILE - MAX 767PX\n   HIDE ILLUSTRATION\n============================================ *\/\n\n@media (max-width: 767px) {\n    .codebuddy-hero-section {\n        min-height: 0;\n        align-items: flex-start;\n    }\n\n    .codebuddy-hero__bg-dots {\n        -webkit-mask-image: linear-gradient(\n            to bottom,\n            #000 0%,\n            rgba(0,0,0,0.6) 60%,\n            transparent 100%\n        );\n\n        mask-image: linear-gradient(\n            to bottom,\n            #000 0%,\n            rgba(0,0,0,0.6) 60%,\n            transparent 100%\n        );\n\n        -webkit-mask-composite: unset;\n        mask-composite: unset;\n    }\n\n    .codebuddy-hero__inner {\n        flex-direction: column;\n        align-items: flex-start;\n\n        min-height: 0;\n\n        padding: 40px 24px 24px;\n        gap: 30px;\n    }\n\n    .codebuddy-hero__content {\n        flex: none;\n        width: 100%;\n        max-width: 100%;\n        order: 1;\n    }\n\n    .codebuddy-hero-section h1.codebuddy-hero__title {\n        font-size: 28px !important;\n        font-weight: 600 !important;\n        line-height: 1.3;\n        letter-spacing: -0.3px;\n\n        margin-bottom: 14px;\n    }\n\n    .codebuddy-hero__desc {\n        font-size: 14px !important;\n        line-height: 1.7;\n\n        margin-bottom: 28px;\n    }\n\n    .codebuddy-hero__cta-row {\n        gap: 16px;\n    }\n\n    .codebuddy-hero__btn {\n        padding: 13px 24px;\n        font-size: 0.88rem;\n        text-align: center;\n    }\n\n    .codebuddy-hero__see-details {\n        font-size: 0.85rem;\n    }\n\n    \/* Completely hide image on mobile *\/\n\n    .codebuddy-hero__image-wrap {\n        display: none !important;\n    }\n}\n\n\/* ============================================\n   SMALL MOBILE - MAX 400PX\n============================================ *\/\n\n@media (max-width: 400px) {\n    .codebuddy-hero__inner {\n        padding: 32px 20px 24px;\n    }\n\n    .codebuddy-hero-section h1.codebuddy-hero__title {\n        font-size: 26px !important;\n    }\n\n    .codebuddy-hero__desc {\n        font-size: 13px !important;\n    }\n\n    .codebuddy-hero__cta-row {\n        gap: 14px;\n    }\n}\n\n\/* ============================================\n   SMOOTH SCROLL\n============================================ *\/\n\n@media (prefers-reduced-motion: no-preference) {\n    html {\n        scroll-behavior: smooth;\n    }\n}\n<\/style>\n\n<!-- ============================================\n     TENCENT CODEBUDDY HERO HTML\n============================================ -->\n\n<section class=\"codebuddy-hero-section\">\n\n    <!-- Background Dot Grid -->\n    <div\n        class=\"codebuddy-hero__bg-dots\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <!-- Background Circuit Lines -->\n    <svg\n        class=\"codebuddy-hero__bg-lines\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        preserveAspectRatio=\"none\"\n        viewBox=\"0 0 1440 600\"\n        aria-hidden=\"true\"\n    >\n        <line\n            x1=\"0\" y1=\"120\" x2=\"1440\" y2=\"120\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1\"\n            opacity=\"0.07\"\n        \/>\n\n        <line\n            x1=\"0\" y1=\"300\" x2=\"1440\" y2=\"300\"\n            stroke=\"#6c4dff\"\n            stroke-width=\"1\"\n            opacity=\"0.06\"\n        \/>\n\n        <line\n            x1=\"0\" y1=\"460\" x2=\"1440\" y2=\"460\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1\"\n            opacity=\"0.05\"\n        \/>\n\n        <line\n            x1=\"360\" y1=\"0\" x2=\"360\" y2=\"600\"\n            stroke=\"#6c4dff\"\n            stroke-width=\"1\"\n            opacity=\"0.06\"\n        \/>\n\n        <line\n            x1=\"720\" y1=\"0\" x2=\"720\" y2=\"600\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1\"\n            opacity=\"0.05\"\n        \/>\n\n        <line\n            x1=\"1080\" y1=\"0\" x2=\"1080\" y2=\"600\"\n            stroke=\"#6c4dff\"\n            stroke-width=\"1\"\n            opacity=\"0.06\"\n        \/>\n\n        <polyline\n            points=\"360,0 360,120 540,120 540,0\"\n            fill=\"none\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1.5\"\n            opacity=\"0.1\"\n        \/>\n\n        <polyline\n            points=\"720,120 720,300 900,300 900,120 1080,120 1080,300\"\n            fill=\"none\"\n            stroke=\"#6c4dff\"\n            stroke-width=\"1.5\"\n            opacity=\"0.08\"\n        \/>\n\n        <polyline\n            points=\"360,300 360,460 540,460 540,600\"\n            fill=\"none\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1.5\"\n            opacity=\"0.09\"\n        \/>\n\n        <polyline\n            points=\"900,300 1080,460\"\n            fill=\"none\"\n            stroke=\"#6c4dff\"\n            stroke-width=\"1\"\n            opacity=\"0.06\"\n        \/>\n\n        <polyline\n            points=\"1080,300 1080,460 1260,460 1260,300\"\n            fill=\"none\"\n            stroke=\"#39fa98\"\n            stroke-width=\"1.5\"\n            opacity=\"0.07\"\n        \/>\n\n        <circle cx=\"360\" cy=\"120\" r=\"4\"\n            fill=\"#6c4dff\" opacity=\"0.2\"\n        \/>\n\n        <circle cx=\"540\" cy=\"120\" r=\"4\"\n            fill=\"#39fa98\" opacity=\"0.17\"\n        \/>\n\n        <circle cx=\"720\" cy=\"120\" r=\"3.5\"\n            fill=\"#6c4dff\" opacity=\"0.15\"\n        \/>\n\n        <circle cx=\"720\" cy=\"300\" r=\"4\"\n            fill=\"#39fa98\" opacity=\"0.2\"\n        \/>\n\n        <circle cx=\"900\" cy=\"300\" r=\"4\"\n            fill=\"#6c4dff\" opacity=\"0.17\"\n        \/>\n\n        <circle cx=\"900\" cy=\"120\" r=\"3.5\"\n            fill=\"#39fa98\" opacity=\"0.15\"\n        \/>\n\n        <circle cx=\"1080\" cy=\"120\" r=\"3.5\"\n            fill=\"#6c4dff\" opacity=\"0.15\"\n        \/>\n\n        <circle cx=\"1080\" cy=\"300\" r=\"4\"\n            fill=\"#39fa98\" opacity=\"0.18\"\n        \/>\n\n        <circle cx=\"1080\" cy=\"460\" r=\"3.5\"\n            fill=\"#6c4dff\" opacity=\"0.13\"\n        \/>\n\n        <circle cx=\"360\" cy=\"300\" r=\"3.5\"\n            fill=\"#39fa98\" opacity=\"0.14\"\n        \/>\n\n        <circle cx=\"540\" cy=\"460\" r=\"4\"\n            fill=\"#6c4dff\" opacity=\"0.16\"\n        \/>\n\n        <circle cx=\"1260\" cy=\"300\" r=\"3.5\"\n            fill=\"#39fa98\" opacity=\"0.13\"\n        \/>\n\n        <circle cx=\"1260\" cy=\"460\" r=\"3.5\"\n            fill=\"#6c4dff\" opacity=\"0.12\"\n        \/>\n    <\/svg>\n\n    <!-- Inner Container -->\n    <div class=\"codebuddy-hero__inner\">\n\n        <!-- LEFT COLUMN -->\n        <div class=\"codebuddy-hero__content\">\n\n            <h1 class=\"codebuddy-hero__title\">\n                Tencent CodeBuddy: An AI Coding Assistant for Faster Software Development\n            <\/h1>\n\n            <p class=\"codebuddy-hero__desc\">\n                Streamline software development with Tencent CodeBuddy, an AI coding assistant that helps developers write code, detect bugs, review code, and run tests more efficiently.\n            <\/p>\n\n            <div class=\"codebuddy-hero__cta-row\">\n\n                <a\n                    href=\"#contact-us\"\n                    class=\"codebuddy-hero__btn\"\n                >\n                    Request Plan\n                <\/a>\n\n                <a\n                    href=\"#problem\"\n                    class=\"codebuddy-hero__see-details\"\n                >\n                    See Details \u2192\n                <\/a>\n\n            <\/div>\n        <\/div>\n\n        <!-- RIGHT COLUMN -->\n        <div class=\"codebuddy-hero__image-wrap\">\n\n            <img fetchpriority=\"high\"\n                class=\"codebuddy-hero__image\"\n                src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp\"\n                alt=\"Tencent CodeBuddy AI coding assistant illustration\"\n                width=\"460\"\n                height=\"460\"\n                fetchpriority=\"high\"\n                decoding=\"async\"\n            >\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e8cbea3 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1e8cbea3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e9b754b elementor-widget elementor-widget-html\" data-id=\"6e9b754b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================\n   TENCENT CLOUD AUTHORIZED PARTNER\n============================================ *\/\n\n.tc-partner-section {\n    --tc-blue: #0052D9;\n    --tc-green: #39FA98;\n    --tc-purple: #6C4DFF;\n    --tc-light-blue: #DDE9FF;\n\n    width: 100%;\n    padding: 50px 20px;\n    text-align: center;\n    box-sizing: border-box;\n    font-family: \"Poppins\", Arial, sans-serif;\n}\n\n.tc-partner-section *,\n.tc-partner-section *::before,\n.tc-partner-section *::after {\n    box-sizing: border-box;\n}\n\n\/* ============================================\n   HEADING & DESCRIPTION\n============================================ *\/\n\n.tc-partner-heading {\n    max-width: 780px;\n    margin: 0 auto 48px;\n}\n\n.tc-partner-heading h2 {\n    margin: 0 0 18px;\n    color: var(--tc-blue);\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1.3;\n}\n\n.tc-partner-heading p {\n    margin: 0;\n    color: #64748b;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n\/* ============================================\n   PARTNER CARD\n============================================ *\/\n\n.tc-partner-card {\n    position: relative;\n    width: 100%;\n    max-width: 650px;\n    margin: 0 auto;\n    padding: 42px 30px;\n\n    background: #ffffff;\n    border: 1px solid rgba(108, 77, 255, 0.22);\n    border-radius: 18px;\n\n    box-shadow:\n        0 8px 30px rgba(0, 82, 217, 0.07),\n        0 0 0 6px rgba(57, 250, 152, 0.09);\n\n    transition:\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.tc-partner-card:hover {\n    border-color: rgba(108, 77, 255, 0.4);\n\n    box-shadow:\n        0 12px 34px rgba(0, 82, 217, 0.09),\n        0 0 0 6px rgba(57, 250, 152, 0.13);\n}\n\n\/* ============================================\n   FLOATING BADGE\n============================================ *\/\n\n.tc-partner-badge {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n\n    padding: 9px 18px;\n    border-radius: 50px;\n\n    background: linear-gradient(\n        110deg,\n        #0052D9 0%,\n        #6C4DFF 72%,\n        #39FA98 145%\n    );\n\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.2;\n    white-space: nowrap;\n\n    box-shadow:\n        0 5px 14px rgba(0, 82, 217, 0.22),\n        0 0 18px rgba(108, 77, 255, 0.12);\n}\n\n.tc-partner-badge svg {\n    width: 15px;\n    height: 15px;\n    flex-shrink: 0;\n}\n\n\/* ============================================\n   LOGO LAYOUT\n============================================ *\/\n\n.tc-partner-logos {\n    display: grid;\n    grid-template-columns:\n        minmax(0, 1fr)\n        30px\n        minmax(0, 1fr);\n\n    align-items: center;\n    column-gap: 20px;\n    width: 100%;\n    min-height: 65px;\n}\n\n\/* COMMON LOGO WRAPPER *\/\n\n.tc-partner-logo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    width: 100%;\n}\n\n\/* COMMON IMAGE *\/\n\n.tc-partner-logo img {\n    display: block;\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    object-fit: contain;\n}\n\n\/* ============================================\n   IDSTAR LOGO\n============================================ *\/\n\n.tc-partner-logo.idstar-logo img {\n    max-width: 180px;\n    max-height: 65px;\n}\n\n\/* ============================================\n   TENCENT CLOUD LOGO\n============================================ *\/\n\n.tc-partner-logo.tencent-logo img {\n    width: 100%;\n    max-width: 225px;\n    max-height: 65px;\n    height: auto;\n\n    transform: none;\n    object-fit: contain;\n}\n\n\/* ============================================\n   CENTER SEPARATOR\n============================================ *\/\n\n.tc-partner-divider {\n    position: relative;\n    width: 2px;\n    height: 55px;\n    margin: 0 auto;\n\n    background: linear-gradient(\n        to bottom,\n        #39FA98 0%,\n        #6C4DFF 100%\n    );\n\n    border-radius: 10px;\n}\n\n.tc-partner-divider::after {\n    content: \"\u00d7\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    background: #ffffff;\n    padding: 5px;\n\n    color: #6C4DFF;\n    font-size: 23px;\n    font-weight: 400;\n    line-height: 1;\n}\n\n\/* ============================================\n   TABLET\n============================================ *\/\n\n@media (max-width: 1024px) {\n\n    .tc-partner-heading h2 {\n        font-size: 30px;\n    }\n\n    .tc-partner-card {\n        max-width: 620px;\n    }\n\n    .tc-partner-logos {\n        column-gap: 18px;\n    }\n\n    .tc-partner-logo.tencent-logo img {\n        max-width: 210px;\n    }\n\n    .tc-partner-logo.idstar-logo img {\n        max-width: 170px;\n    }\n}\n\n\/* ============================================\n   MOBILE\n============================================ *\/\n\n@media (max-width: 767px) {\n\n    .tc-partner-section {\n        padding: 35px 16px;\n    }\n\n    .tc-partner-heading {\n        margin-bottom: 42px;\n    }\n\n    .tc-partner-heading h2 {\n        font-size: 25px;\n        line-height: 1.3;\n    }\n\n    .tc-partner-heading p {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .tc-partner-card {\n        padding: 36px 16px;\n        border-radius: 15px;\n    }\n\n    .tc-partner-logos {\n        grid-template-columns:\n            minmax(0, 1fr)\n            16px\n            minmax(0, 1fr);\n\n        column-gap: 10px;\n        min-height: 50px;\n    }\n\n    .tc-partner-logo.idstar-logo img {\n        max-width: 130px;\n        max-height: 45px;\n    }\n\n    .tc-partner-logo.tencent-logo img {\n        max-width: 155px;\n        max-height: 48px;\n    }\n\n    .tc-partner-divider {\n        height: 40px;\n    }\n\n    .tc-partner-divider::after {\n        font-size: 18px;\n        padding: 3px;\n    }\n\n    .tc-partner-badge {\n        font-size: 12px;\n        padding: 8px 14px;\n    }\n}\n\n\/* ============================================\n   SMALL MOBILE\n============================================ *\/\n\n@media (max-width: 400px) {\n\n    .tc-partner-card {\n        padding: 34px 12px;\n    }\n\n    .tc-partner-logos {\n        column-gap: 6px;\n    }\n\n    .tc-partner-logo.idstar-logo img {\n        max-width: 110px;\n    }\n\n    .tc-partner-logo.tencent-logo img {\n        max-width: 135px;\n    }\n}\n<\/style>\n\n<!-- ============================================\n     HTML STRUCTURE\n============================================ -->\n\n<section class=\"tc-partner-section\">\n\n    <!-- HEADING -->\n    <div class=\"tc-partner-heading\">\n\n        <h2><span class=\"ez-toc-section\" id=\"IDstar_Your_Tencent_Cloud_Partner_for_CodeBuddy_Subscriptions_in_Indonesia\"><\/span>\n            IDstar, Your Tencent Cloud Partner for CodeBuddy Subscriptions in Indonesia\n        <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n        <p>\n            IDstar helps businesses choose the right Tencent CodeBuddy plan for their teams, providing support with licensing consultation, purchasing, billing, and subscription renewals.\n        <\/p>\n\n    <\/div>\n\n    <!-- PARTNER CARD -->\n    <div class=\"tc-partner-card\">\n\n        <!-- AUTHORIZED PARTNER BADGE -->\n        <div class=\"tc-partner-badge\">\n\n            <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n            >\n                <path\n                    d=\"M12 2L20 5V11C20 16.2 16.6 20.6 12 22C7.4 20.6 4 16.2 4 11V5L12 2Z\"\n                    fill=\"white\"\n                    fill-opacity=\"0.2\"\n                    stroke=\"white\"\n                    stroke-width=\"1.5\"\n                \/>\n\n                <path\n                    d=\"M8.7 11.8L10.8 13.9L15.5 9.2\"\n                    stroke=\"white\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                \/>\n            <\/svg>\n\n            Authorized Partner\n\n        <\/div>\n\n        <!-- PARTNER LOGOS -->\n        <div class=\"tc-partner-logos\">\n\n            <!-- IDSTAR LOGO -->\n            <div class=\"tc-partner-logo idstar-logo\">\n\n                <img\n                    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/IDStar-Logo-1-2048x847-1.png\"\n                    alt=\"IDstar Logo\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <!-- SEPARATOR -->\n            <div\n                class=\"tc-partner-divider\"\n                aria-hidden=\"true\"\n            ><\/div>\n\n            <!-- TENCENT CLOUD LOGO -->\n            <div class=\"tc-partner-logo tencent-logo\">\n\n                <img\n                    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/tencent-cloud-logo.webp\"\n                    alt=\"Tencent Cloud Logo\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\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-415b617e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"415b617e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-331a645a e-con-full e-flex e-con e-child\" data-id=\"331a645a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66e1c172 elementor-widget elementor-widget-html\" data-id=\"66e1c172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Tencent CodeBuddy Intro ===== *\/\n\n.cb-intro {\n  --cb-accent: #0052d9;\n  --cb-accent-dark: #0047bd;\n  --cb-soft: #dde9ff;\n  --cb-bg: #f1f6ff;\n  --cb-ink: #0a0f1d;\n  --cb-muted: #334155;\n  --cb-line: #d6e2f8;\n  --cb-ease: cubic-bezier(.4, 0, .2, 1);\n\n  padding: 0 24px;\n  font-family: inherit;\n}\n\n.cb-intro *,\n.cb-intro *::before,\n.cb-intro *::after {\n  box-sizing: border-box;\n}\n\n.cb-intro__inner {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n  gap: 56px;\n  align-items: center;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 72px 0;\n}\n\n\/* ---------- WINDOW ---------- *\/\n\n.cb-intro__window {\n  overflow: hidden;\n  background:\n    linear-gradient(#fff, #fff) padding-box,\n    linear-gradient(\n      135deg,\n      #0052d9 0%,\n      #6c4dff 55%,\n      #39fa98 100%\n    ) border-box;\n\n  border: 1px solid transparent;\n  border-radius: 16px;\n  box-shadow: 0 18px 44px rgba(10, 30, 70, .12);\n}\n\n.cb-intro__bar {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  height: 40px;\n  padding: 0 16px;\n  background: #f7faff;\n  border-bottom: 1px solid var(--cb-line);\n}\n\n.cb-intro__dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n\n.cb-intro__dot:nth-child(1) {\n  background: #39fa98;\n}\n\n.cb-intro__dot:nth-child(2) {\n  background: #6c4dff;\n}\n\n.cb-intro__dot:nth-child(3) {\n  background: #0052d9;\n}\n\n.cb-intro__bar-label {\n  margin-left: 10px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #64748b;\n}\n\n\/* ---------- PREVIEW SLIDES ---------- *\/\n\n.cb-intro__stage {\n  display: grid;\n  background: #f1f6ff;\n}\n\n.cb-intro__slide {\n  grid-area: 1 \/ 1;\n  aspect-ratio: 16 \/ 11;\n  margin: 0;\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity .3s var(--cb-ease),\n    visibility 0s linear .3s;\n}\n\n.cb-intro__slide.is-active {\n  opacity: 1;\n  visibility: visible;\n  transition-delay: 0s;\n}\n\n.cb-intro .cb-intro__shot {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  object-fit: cover;\n  object-position: top left;\n}\n\n\/* Screenshot placeholder *\/\n\n.cb-intro__placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  width: calc(100% - 28px);\n  height: calc(100% - 28px);\n  margin: 14px;\n  padding: 16px;\n\n  text-align: center;\n  color: var(--cb-accent);\n\n  background: linear-gradient(\n    135deg,\n    rgba(221, 233, 255, .85),\n    rgba(108, 77, 255, .06),\n    rgba(57, 250, 152, .08)\n  );\n\n  border: 1px dashed rgba(0, 82, 217, .4);\n  border-radius: 12px;\n}\n\n.cb-intro__placeholder svg {\n  width: 40px;\n  height: 40px;\n  color: var(--cb-accent);\n  opacity: .8;\n}\n\n.cb-intro__placeholder span {\n  font-size: 13px;\n  line-height: 1.5;\n  color: #64748b;\n}\n\n\/* ---------- CONTENT ---------- *\/\n\n.cb-intro__title {\n  max-width: 20ch;\n  margin: 0 0 14px;\n  color: var(--cb-accent);\n  font-size: clamp(28px, 3.1vw, 40px);\n  font-weight: 600;\n  line-height: 1.22;\n  letter-spacing: -.03em;\n}\n\n.cb-intro__desc {\n  max-width: 54ch;\n  margin: 0 0 26px;\n  color: var(--cb-muted);\n  font-size: 15.5px;\n  line-height: 1.75;\n}\n\n\/* ---------- TABS ---------- *\/\n\n.cb-intro__tabs {\n  display: grid;\n  gap: 12px;\n  margin: 0;\n}\n\n.cb-intro .cb-intro__tab {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n\n  width: 100%;\n  height: auto;\n  min-height: 0;\n  margin: 0;\n  padding: 16px 18px;\n\n  font: inherit;\n  text-align: left;\n  text-transform: none;\n  letter-spacing: normal;\n  white-space: normal;\n\n  color: var(--cb-ink);\n  background: #fff;\n  border: 1px solid var(--cb-line);\n  border-radius: 12px;\n  box-shadow: none;\n\n  cursor: pointer;\n\n  transition:\n    border-color .25s var(--cb-ease),\n    box-shadow .25s var(--cb-ease),\n    background .25s var(--cb-ease);\n}\n\n\/* Idle hover *\/\n\n.cb-intro .cb-intro__tab:hover {\n  color: var(--cb-ink);\n  background: #f8faff;\n  border-color: #9bb9f2;\n  box-shadow: 0 4px 16px rgba(57, 250, 152, .15);\n}\n\n\/* Active tab *\/\n\n.cb-intro .cb-intro__tab[aria-selected=\"true\"] {\n  color: var(--cb-ink);\n  background: #f3f7ff;\n\n\n  box-shadow:\n    0 0 0 2px rgba(57, 250, 152, .25),\n    0 6px 20px rgba(57, 250, 152, .20);\n}\n\n.cb-intro .cb-intro__tab:focus-visible {\n  outline: 2px solid var(--cb-accent);\n  outline-offset: 3px;\n}\n\n\/* ---------- ICONS ---------- *\/\n\n.cb-intro__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n\n  width: 42px;\n  height: 42px;\n\n  color: var(--cb-accent);\n  background: var(--cb-soft);\n  border: 1px solid transparent;\n  border-radius: 10px;\n\n  transition:\n    background .25s var(--cb-ease),\n    color .25s var(--cb-ease);\n}\n\n\/* Icon tab aktif *\/\n\n.cb-intro__tab[aria-selected=\"true\"] .cb-intro__icon {\n  color: #fff;\n  background: var(--cb-accent);\n  border-color: var(--cb-accent);\n}\n\n.cb-intro__text {\n  flex: 1;\n  min-width: 0;\n}\n\n.cb-intro__name {\n  display: block;\n  margin: 0 0 2px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--cb-ink);\n}\n\n.cb-intro__sub {\n  display: block;\n  font-size: 14px;\n  line-height: 1.55;\n  color: var(--cb-muted);\n}\n\n\/* Arrow *\/\n\n.cb-intro__chev {\n  flex: none;\n  width: 18px;\n  height: 18px;\n  color: #94a9ce;\n\n  transition:\n    color .25s var(--cb-ease),\n    transform .25s var(--cb-ease);\n}\n\n.cb-intro .cb-intro__tab:hover .cb-intro__chev {\n  color: var(--cb-accent);\n}\n\n.cb-intro__tab[aria-selected=\"true\"] .cb-intro__chev {\n  color: var(--cb-accent);\n  transform: translateX(3px);\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n\n@media (max-width: 1050px) {\n  .cb-intro__inner {\n    grid-template-columns: 1fr;\n    gap: 32px;\n    padding: 60px 0;\n  }\n\n  .cb-intro__visual {\n    order: -1;\n  }\n\n  .cb-intro__slide {\n    aspect-ratio: 16 \/ 9;\n  }\n}\n\n@media (max-width: 540px) {\n  .cb-intro {\n    padding: 0 20px;\n  }\n\n  .cb-intro__inner {\n    padding: 44px 0;\n  }\n\n  .cb-intro .cb-intro__tab {\n    padding: 14px;\n    gap: 12px;\n  }\n\n  .cb-intro__chev {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cb-intro__slide,\n  .cb-intro .cb-intro__tab,\n  .cb-intro__icon,\n  .cb-intro__chev {\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"cb-intro\" id=\"codebuddy-intro\" data-cb-intro>\n  <div class=\"cb-intro__inner\">\n\n    <!-- LEFT: preview window -->\n    <div class=\"cb-intro__visual\">\n      <div class=\"cb-intro__window\">\n\n        <div class=\"cb-intro__bar\" aria-hidden=\"true\">\n          <span class=\"cb-intro__dot\"><\/span>\n          <span class=\"cb-intro__dot\"><\/span>\n          <span class=\"cb-intro__dot\"><\/span>\n          <span class=\"cb-intro__bar-label\" data-cb-label>CodeBuddy IDE<\/span>\n        <\/div>\n\n        <div\n          class=\"cb-intro__stage\"\n          id=\"cb-panel\"\n          role=\"tabpanel\"\n          aria-labelledby=\"cb-tab-1\"\n        >\n\n          <figure class=\"cb-intro__slide is-active\">\n            <div class=\"cb-intro__placeholder\">\n\n              <img decoding=\"async\"\n    class=\"cb-intro__shot\"\n    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Ide.webp\"\n    alt=\"Tencent CodeBuddy IDE\"\n  >\n            <\/div>\n          <\/figure>\n\n          <figure class=\"cb-intro__slide\">\n            <div class=\"cb-intro__placeholder\">\n  <img decoding=\"async\"\n    class=\"cb-intro__shot\"\n    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Plugin.webp\"\n    alt=\"Tencent CodeBuddy IDE\"\n  >\n            <\/div>\n          <\/figure>\n\n          <figure class=\"cb-intro__slide\">\n            <div class=\"cb-intro__placeholder\">\n               <img decoding=\"async\"\n    class=\"cb-intro__shot\"\n    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/cli.webp\"\n    alt=\"Tencent CodeBuddy IDE\"\n  >\n            <\/div>\n          <\/figure>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: content -->\n    <div class=\"cb-intro__content\">\n\n      <h2 class=\"cb-intro__title\"><span class=\"ez-toc-section\" id=\"What_is_Tencent_CodeBuddy\"><\/span>What is Tencent CodeBuddy?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"cb-intro__desc\">\n        Tencent CodeBuddy is an AI coding assistant from Tencent Cloud that helps\n        developers write code, debug issues, and run tests using natural language\n        instructions.\n      <\/p>\n\n      <div\n        class=\"cb-intro__tabs\"\n        role=\"tablist\"\n        aria-orientation=\"vertical\"\n        aria-label=\"CodeBuddy products\"\n      >\n\n        <!-- TAB 1 -->\n        <button\n          type=\"button\"\n          class=\"cb-intro__tab\"\n          role=\"tab\"\n          id=\"cb-tab-1\"\n          aria-selected=\"true\"\n          aria-controls=\"cb-panel\"\n          data-slide=\"0\"\n          data-label=\"CodeBuddy IDE\"\n        >\n          <span class=\"cb-intro__icon\" aria-hidden=\"true\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/>\n              <path d=\"M9 3v18\"\/>\n            <\/svg>\n          <\/span>\n\n          <span class=\"cb-intro__text\">\n            <span class=\"cb-intro__name\">CodeBuddy IDE<\/span>\n            <span class=\"cb-intro__sub\">Full development environment with AI built in.<\/span>\n          <\/span>\n\n          <svg class=\"cb-intro__chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M9 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/button>\n\n        <!-- TAB 2 -->\n        <button\n          type=\"button\"\n          class=\"cb-intro__tab\"\n          role=\"tab\"\n          id=\"cb-tab-2\"\n          aria-selected=\"false\"\n          aria-controls=\"cb-panel\"\n          tabindex=\"-1\"\n          data-slide=\"1\"\n          data-label=\"Your editor + CodeBuddy Plugin\"\n        >\n          <span class=\"cb-intro__icon\" aria-hidden=\"true\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 22v-5\"\/>\n              <path d=\"M9 8V2\"\/>\n              <path d=\"M15 8V2\"\/>\n              <path d=\"M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z\"\/>\n            <\/svg>\n          <\/span>\n\n          <span class=\"cb-intro__text\">\n            <span class=\"cb-intro__name\">CodeBuddy Plugin<\/span>\n            <span class=\"cb-intro__sub\">AI assistance inside your existing editor.<\/span>\n          <\/span>\n\n          <svg class=\"cb-intro__chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M9 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/button>\n\n        <!-- TAB 3 -->\n        <button\n          type=\"button\"\n          class=\"cb-intro__tab\"\n          role=\"tab\"\n          id=\"cb-tab-3\"\n          aria-selected=\"false\"\n          aria-controls=\"cb-panel\"\n          tabindex=\"-1\"\n          data-slide=\"2\"\n          data-label=\"Terminal: codebuddy\"\n        >\n          <span class=\"cb-intro__icon\" aria-hidden=\"true\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"4 17 10 11 4 5\"\/>\n              <line x1=\"12\" y1=\"19\" x2=\"20\" y2=\"19\"\/>\n            <\/svg>\n          <\/span>\n\n          <span class=\"cb-intro__text\">\n            <span class=\"cb-intro__name\">CodeBuddy Code (CLI)<\/span>\n            <span class=\"cb-intro__sub\">AI agent that works directly in your terminal.<\/span>\n          <\/span>\n\n          <svg class=\"cb-intro__chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M9 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/button>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  document.querySelectorAll(\"[data-cb-intro]\").forEach(function (root) {\n    var tabs = Array.prototype.slice.call(\n      root.querySelectorAll('[role=\"tab\"]')\n    );\n\n    var slides = root.querySelectorAll(\".cb-intro__slide\");\n    var panel = root.querySelector('[role=\"tabpanel\"]');\n    var label = root.querySelector(\"[data-cb-label]\");\n\n    function activate(tab, moveFocus) {\n      var index = Number(tab.dataset.slide);\n\n      tabs.forEach(function (currentTab) {\n        var isActive = currentTab === tab;\n\n        currentTab.setAttribute(\n          \"aria-selected\",\n          isActive ? \"true\" : \"false\"\n        );\n\n        currentTab.tabIndex = isActive ? 0 : -1;\n      });\n\n      slides.forEach(function (slide, slideIndex) {\n        slide.classList.toggle(\"is-active\", slideIndex === index);\n      });\n\n      if (label) {\n        label.textContent = tab.dataset.label || \"\";\n      }\n\n      if (panel) {\n        panel.setAttribute(\"aria-labelledby\", tab.id);\n      }\n\n      if (moveFocus) {\n        tab.focus();\n      }\n    }\n\n    tabs.forEach(function (tab, index) {\n      tab.addEventListener(\"click\", function () {\n        activate(tab, false);\n      });\n\n      tab.addEventListener(\"keydown\", function (event) {\n        var nextTab = null;\n\n        if (\n          event.key === \"ArrowDown\" ||\n          event.key === \"ArrowRight\"\n        ) {\n          nextTab = tabs[(index + 1) % tabs.length];\n        }\n\n        if (\n          event.key === \"ArrowUp\" ||\n          event.key === \"ArrowLeft\"\n        ) {\n          nextTab = tabs[\n            (index - 1 + tabs.length) % tabs.length\n          ];\n        }\n\n        if (event.key === \"Home\") {\n          nextTab = tabs[0];\n        }\n\n        if (event.key === \"End\") {\n          nextTab = tabs[tabs.length - 1];\n        }\n\n        if (nextTab) {\n          event.preventDefault();\n          activate(nextTab, true);\n        }\n      });\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\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-e2a26a9 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"e2a26a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90965c3 elementor-widget elementor-widget-spacer\" data-id=\"90965c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c10aeee elementor-widget elementor-widget-html\" data-id=\"3c10aeee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================\n   TENCENT CODEBUDDY - BUSINESS CHALLENGES\n============================================ *\/\n\n.ekyc-challenges {\n  --ekyc-blue: #0052d9;\n  --ekyc-blue-hover: #0047bd;\n  --ekyc-blue-soft: #dde9ff;\n  --ekyc-title: #0a0f1d;\n  --ekyc-text: #52627a;\n  --ekyc-line: #dbe5f2;\n  --ekyc-green: #39fa98;\n\n  width: 100%;\n  padding: 0;\n  font-family: \"Poppins\", Arial, sans-serif;\n}\n\n.ekyc-challenges *,\n.ekyc-challenges *::before,\n.ekyc-challenges *::after {\n  box-sizing: border-box;\n}\n\n\/* ============================================\n   SECTION HEADING\n============================================ *\/\n\n.ekyc-challenges__heading {\n  max-width: 850px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.ekyc-challenges__heading h2 {\n  margin: 0 0 16px;\n  color: var(--ekyc-blue);\n  font-size: clamp(26px, 3vw, 34px);\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -.025em;\n}\n\n.ekyc-challenges__heading p {\n  max-width: 720px;\n  margin: 0 auto;\n  color: var(--ekyc-text);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.75;\n}\n\n\/* ============================================\n   GRID\n============================================ *\/\n\n.ekyc-challenges__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  column-gap: 36px;\n  row-gap: 0;\n\n  width: min(100%, 1200px);\n  margin: 0 auto;\n}\n\n\/* ============================================\n   CHALLENGE ITEM\n============================================ *\/\n\n.ekyc-challenges__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 15px;\n\n  min-width: 0;\n  min-height: 155px;\n  padding: 24px 12px;\n\n  border-top: 1px solid var(--ekyc-line);\n  border-radius: 2px;\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n\/* Bottom border for the final desktop row *\/\n.ekyc-challenges__item:nth-last-child(-n + 3) {\n  border-bottom: 1px solid var(--ekyc-line);\n}\n\n\/* ============================================\n   ICON\n============================================ *\/\n\n.ekyc-challenges__icon {\n  display: grid;\n  flex: 0 0 38px;\n  place-items: center;\n\n  width: 38px;\n  height: 38px;\n  margin-top: 1px;\n\n  color: var(--ekyc-blue);\n  background: var(--ekyc-blue-soft);\n  border: 1px solid transparent;\n  border-radius: 11px;\n\n  transition:\n    color .25s ease,\n    background-color .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.ekyc-challenges__icon svg {\n  display: block;\n  width: 19px;\n  height: 19px;\n}\n\n\/* ============================================\n   CONTENT\n============================================ *\/\n\n.ekyc-challenges__content {\n  flex: 1;\n  min-width: 0;\n}\n\n.ekyc-challenges__content h3 {\n  margin: 1px 0 8px;\n  color: var(--ekyc-title);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  letter-spacing: -.01em;\n}\n\n.ekyc-challenges__content p {\n  max-width: 48ch;\n  margin: 0;\n\n  color: var(--ekyc-text);\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n\/* ============================================\n   HOVER\n============================================ *\/\n\n@media (hover: hover) and (pointer: fine) {\n  .ekyc-challenges__item:hover {\n    background: linear-gradient(\n      110deg,\n      rgba(221, 233, 255, .55),\n      rgba(255, 255, 255, 0) 85%\n    );\n\n    border-top-color: rgba(0, 82, 217, .35);\n  }\n\n  .ekyc-challenges__item:hover .ekyc-challenges__icon {\n    background: #e8fff3;\n    border-color: rgba(57, 250, 152, .65);\n\n    box-shadow: 0 3px 12px rgba(57, 250, 152, .12);\n  }\n}\n\n\/* ============================================\n   TABLET\n============================================ *\/\n\n@media (max-width: 900px) {\n  .ekyc-challenges__heading {\n    margin-bottom: 32px;\n  }\n\n  .ekyc-challenges__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    column-gap: 28px;\n  }\n\n  .ekyc-challenges__item {\n    min-height: 165px;\n    padding: 22px 8px;\n  }\n\n  \/* With 2 columns, only the final row gets bottom borders *\/\n  .ekyc-challenges__item:nth-last-child(-n + 3) {\n    border-bottom: 0;\n  }\n\n  .ekyc-challenges__item:nth-last-child(-n + 2) {\n    border-bottom: 1px solid var(--ekyc-line);\n  }\n\n  .ekyc-challenges__content h3 {\n    font-size: 15px;\n  }\n\n  .ekyc-challenges__content p {\n    font-size: 12.5px;\n  }\n}\n\n\/* ============================================\n   MOBILE\n============================================ *\/\n\n@media (max-width: 600px) {\n  .ekyc-challenges__heading {\n    margin-bottom: 26px;\n    text-align: left;\n  }\n\n  .ekyc-challenges__heading h2 {\n    font-size: 25px;\n    line-height: 1.35;\n  }\n\n  .ekyc-challenges__heading p {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .ekyc-challenges__grid {\n    grid-template-columns: 1fr;\n    column-gap: 0;\n  }\n\n  .ekyc-challenges__item {\n    min-height: 0;\n    padding: 20px 4px;\n    gap: 14px;\n  }\n\n  \/* One column: only the last item gets the bottom border *\/\n  .ekyc-challenges__item:nth-last-child(-n + 3),\n  .ekyc-challenges__item:nth-last-child(-n + 2) {\n    border-bottom: 0;\n  }\n\n  .ekyc-challenges__item:last-child {\n    border-bottom: 1px solid var(--ekyc-line);\n  }\n\n  .ekyc-challenges__icon {\n    flex-basis: 36px;\n    width: 36px;\n    height: 36px;\n  }\n\n  .ekyc-challenges__icon svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .ekyc-challenges__content h3 {\n    font-size: 15px;\n  }\n\n  .ekyc-challenges__content p {\n    max-width: 100%;\n    font-size: 13px;\n    line-height: 1.65;\n  }\n}\n\n\/* ============================================\n   REDUCED MOTION\n============================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .ekyc-challenges__item,\n  .ekyc-challenges__icon {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"ekyc-challenges\"\n  aria-labelledby=\"ekyc-challenges-title\"\n>\n  <!-- SECTION HEADING -->\n  <div class=\"ekyc-challenges__heading\">\n    <h2 id=\"ekyc-challenges-title\"><span class=\"ez-toc-section\" id=\"What_Are_the_Challenges_of_Software_Development\"><\/span>\n      What Are the Challenges of Software Development?\n    <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n    <p>\n      Software development requires time and effort to write code,\n      fix bugs, run tests, and ensure applications are ready for deployment.\n    <\/p>\n  <\/div>\n\n  <!-- CHALLENGES GRID -->\n  <div class=\"ekyc-challenges__grid\">\n\n    <!-- 1. REPETITIVE CODING -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect\n            x=\"4\" y=\"4\" width=\"12\" height=\"16\" rx=\"2\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n          \/>\n          <path\n            d=\"M8 4.5V3h4v1.5M7 9h6M7 13h3\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n          \/>\n          <circle\n            cx=\"17\" cy=\"17\" r=\"5\"\n            fill=\"#dde9ff\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n          \/>\n          <path\n            d=\"M17 14.5V17l1.5 1\"\n            stroke=\"currentColor\" stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Repetitive_Coding\"><\/span>Repetitive Coding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Writing repetitive code, such as standard functions, boilerplate,\n          and basic configurations, can take up valuable developer time.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- 2. COMPLEX DEBUGGING -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect\n            x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n          \/>\n          <circle\n            cx=\"8.5\" cy=\"9\" r=\"2\"\n            stroke=\"currentColor\" stroke-width=\"1.6\"\n          \/>\n          <path\n            d=\"M5.5 16c0-2 1.3-3 3-3s3 1 3 3\"\n            stroke=\"currentColor\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n          \/>\n          <path\n            d=\"M14 8h4M14 12h4M14 16h3\"\n            stroke=\"currentColor\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Complex_Debugging\"><\/span>Complex Debugging<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Identifying the causes of bugs, especially in projects with\n          multiple files and dependencies, requires careful analysis.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- 3. CODE REVIEW -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path\n            d=\"M8 3h8l4 4v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3Z\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linejoin=\"round\"\n          \/>\n          <path\n            d=\"M15 3v5h5M8 12h8M8 16h5\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n          \/>\n          <path\n            d=\"m14 18 2 2 4-4\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Code_Review_Process\"><\/span>Code Review Process<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Manually reviewing code changes takes time to understand the logic,\n          identify potential issues, and ensure the code meets requirements.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- 4. TECHNICAL DOCUMENTATION -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path\n            d=\"M6 2.5h8l4 4V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4.5a2 2 0 0 1 2-2Z\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linejoin=\"round\"\n          \/>\n          <path\n            d=\"M14 2.5V7h4M8 11h6M8 14h4\"\n            stroke=\"currentColor\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Technical_Documentation\"><\/span>Technical Documentation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Writing function descriptions, code comments, and development\n          documentation adds to the team's administrative workload.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- 5. TIME-TO-MARKET PRESSURE -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <circle\n            cx=\"12\" cy=\"12\" r=\"9\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n          \/>\n          <path\n            d=\"M12 7v5l3.5 2\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          \/>\n          <path\n            d=\"M8 2h8\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Time-to-Market_Pressure\"><\/span>Time-to-Market Pressure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Tight release deadlines require development teams to complete\n          coding and testing efficiently without compromising software quality.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <!-- 6. TESTING AND QUALITY ASSURANCE -->\n    <article class=\"ekyc-challenges__item\">\n      <div class=\"ekyc-challenges__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path\n            d=\"M9 3h6M10 3v6l-5.5 9.2A2 2 0 0 0 6.2 21h11.6a2 2 0 0 0 1.7-2.8L14 9V3\"\n            stroke=\"currentColor\" stroke-width=\"1.8\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          \/>\n          <path\n            d=\"M8 15h8M10 18h4\"\n            stroke=\"currentColor\" stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n          \/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ekyc-challenges__content\">\n        <h3><span class=\"ez-toc-section\" id=\"Testing_and_Quality_Assurance\"><\/span>Testing and Quality Assurance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>\n          Running tests, reproducing edge cases, and checking regressions\n          can slow releases when much of the process is handled manually.\n        <\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7341ff elementor-widget elementor-widget-spacer\" data-id=\"e7341ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-950e69e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"950e69e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f8d6fb7 elementor-widget elementor-widget-spacer\" data-id=\"6f8d6fb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90505cc e-con-full e-flex e-con e-child\" data-id=\"90505cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14b83397 elementor-widget elementor-widget-html\" data-id=\"14b83397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   TENCENT CODEBUDDY x IDSTAR\n   CODEBUDDY OPTIONS\n========================================= *\/\n\n.codebuddy-options {\n  --codebuddy-options-primary: #0052D9;\n  --codebuddy-options-primary-hover: #0047BD;\n  --codebuddy-options-light: #DDE9FF;\n  --codebuddy-options-white: #FFFFFF;\n  --codebuddy-options-dark: #0A0F1D;\n  --codebuddy-options-muted: #52627A;\n  --codebuddy-options-border: #DCE5F2;\n  --codebuddy-options-green: #39FA98;\n\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  font-family: \"Poppins\", Arial, sans-serif;\n}\n\n.codebuddy-options,\n.codebuddy-options *,\n.codebuddy-options *::before,\n.codebuddy-options *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   SECTION HEADER\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__header {\n  max-width: 900px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.codebuddy-options .codebuddy-options__heading {\n  margin: 0 0 16px;\n  padding: 0;\n\n  color: var(--codebuddy-options-primary);\n  font-family: inherit;\n  font-size: clamp(26px, 3vw, 32px);\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -.5px;\n}\n\n.codebuddy-options .codebuddy-options__subtitle {\n  max-width: 850px;\n  margin: 0 auto;\n  padding: 0;\n\n  color: var(--codebuddy-options-muted);\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.75;\n}\n\n\/* =========================================\n   FEATURE GRID\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n  align-items: stretch;\n}\n\n\/* =========================================\n   FEATURE CARD\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__card {\n  position: relative;\n  min-width: 0;\n  min-height: 290px;\n  padding: 28px 25px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  background: var(--codebuddy-options-white);\n  border: 1px solid var(--codebuddy-options-border);\n  border-top: 4px solid var(--codebuddy-options-primary);\n  border-radius: 16px;\n\n  box-shadow: 0 3px 12px rgba(10, 15, 29, .045);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease,\n    background-color .25s ease;\n}\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__icon {\n  width: 46px;\n  height: 46px;\n  flex-shrink: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 22px;\n\n  color: var(--codebuddy-options-primary);\n  background: var(--codebuddy-options-light);\n  border: 1px solid rgba(0, 82, 217, .12);\n  border-radius: 11px;\n\n  transition:\n    color .25s ease,\n    background-color .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.codebuddy-options .codebuddy-options__icon svg {\n  display: block;\n  width: 23px;\n  height: 23px;\n\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================\n   CARD TITLE\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__card-title {\n  margin: 0 0 13px;\n  padding: 0;\n\n  color: var(--codebuddy-options-dark);\n  font-family: inherit;\n\n  font-size: 17px;\n  font-weight: 600;\n  line-height: 1.45;\n  letter-spacing: -.2px;\n\n  text-align: left;\n}\n\n\/* =========================================\n   CARD DESCRIPTION\n========================================= *\/\n\n.codebuddy-options .codebuddy-options__card-description {\n  margin: 0;\n  padding: 0;\n\n  color: var(--codebuddy-options-muted);\n  font-family: inherit;\n\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.75;\n\n  text-align: left;\n}\n\n\/* =========================================\n   HOVER\n========================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n  .codebuddy-options .codebuddy-options__card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(0, 82, 217, .3);\n    border-top-color: var(--codebuddy-options-primary);\n\n    box-shadow:\n      0 8px 24px rgba(0, 82, 217, .075),\n      0 4px 16px rgba(57, 250, 152, .12);\n  }\n\n  .codebuddy-options .codebuddy-options__card:hover .codebuddy-options__icon {\n    background: #E8FFF3;\n    border-color: rgba(57, 250, 152, .7);\n\n    box-shadow: 0 3px 12px rgba(57, 250, 152, .12);\n  }\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n  .codebuddy-options .codebuddy-options__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .codebuddy-options .codebuddy-options__card {\n    min-height: 270px;\n  }\n\n  .codebuddy-options .codebuddy-options__card:last-child {\n    grid-column: 1 \/ -1;\n    min-height: 220px;\n  }\n\n  .codebuddy-options .codebuddy-options__header {\n    margin-bottom: 35px;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n  .codebuddy-options .codebuddy-options__header {\n    margin-bottom: 28px;\n    padding: 0 8px;\n  }\n\n  .codebuddy-options .codebuddy-options__heading {\n    font-size: 25px;\n    line-height: 1.35;\n    margin-bottom: 13px;\n  }\n\n  .codebuddy-options .codebuddy-options__subtitle {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .codebuddy-options .codebuddy-options__grid {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .codebuddy-options .codebuddy-options__card,\n  .codebuddy-options .codebuddy-options__card:last-child {\n    grid-column: auto;\n    min-height: 0;\n    padding: 23px 22px 25px;\n    border-radius: 14px;\n  }\n\n  .codebuddy-options .codebuddy-options__icon {\n    width: 43px;\n    height: 43px;\n    margin-bottom: 17px;\n  }\n\n  .codebuddy-options .codebuddy-options__card-title {\n    font-size: 16px;\n    margin-bottom: 11px;\n  }\n\n  .codebuddy-options .codebuddy-options__card-description {\n    font-size: 13.5px;\n    line-height: 1.7;\n  }\n\n  .codebuddy-options .codebuddy-options__card:hover {\n    transform: none;\n  }\n}\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .codebuddy-options .codebuddy-options__card,\n  .codebuddy-options .codebuddy-options__icon {\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"codebuddy-options\">\n\n  <!-- SECTION HEADER -->\n\n  <div class=\"codebuddy-options__header\">\n    <h2 class=\"codebuddy-options__heading\"><span class=\"ez-toc-section\" id=\"Tencent_CodeBuddy_Options_for_Different_Development_Needs\"><\/span>\n      Tencent CodeBuddy Options for Different Development Needs\n    <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n    <p class=\"codebuddy-options__subtitle\">\n      Tencent CodeBuddy offers three ways to support software development: an AI-powered IDE, a code editor plugin, and a command-line interface (CLI).\n    <\/p>\n  <\/div>\n\n  <!-- FEATURE GRID -->\n\n  <div class=\"codebuddy-options__grid\">\n\n    <!-- 01. CODEBUDDY IDE -->\n\n    <article class=\"codebuddy-options__card\">\n      <div class=\"codebuddy-options__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M9 18h6\"\/>\n          <path d=\"M10 22h4\"\/>\n          <path d=\"M15.09 14a6 6 0 1 0-6.18 0c.65.46 1.09 1.2 1.09 2v1h4v-1c0-.8.44-1.54 1.09-2z\"\/>\n          <path d=\"M12 7v2\"\/>\n          <path d=\"M10 11h4\"\/>\n        <\/svg>\n      <\/div>\n\n      <h3 class=\"codebuddy-options__card-title\"><span class=\"ez-toc-section\" id=\"CodeBuddy_IDE_AI-Powered_Development_Environment\"><\/span>\n        CodeBuddy IDE (AI-Powered Development Environment)\n      <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n      <p class=\"codebuddy-options__card-description\">\n        Build applications from concept to deployment using natural language instructions. Ideal for product managers, UI\/UX designers, developers, and coding beginners.\n      <\/p>\n    <\/article>\n\n    <!-- 02. CODEBUDDY PLUGIN -->\n\n    <article class=\"codebuddy-options__card\">\n      <div class=\"codebuddy-options__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <rect x=\"2\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/>\n          <rect x=\"14\" y=\"13\" width=\"8\" height=\"8\" rx=\"2\"\/>\n          <path d=\"M10 7h4a4 4 0 0 1 4 4v2\"\/>\n          <path d=\"m15 10 3 3 3-3\"\/>\n          <path d=\"M6 11v5a3 3 0 0 0 3 3h5\"\/>\n        <\/svg>\n      <\/div>\n\n      <h3 class=\"codebuddy-options__card-title\"><span class=\"ez-toc-section\" id=\"CodeBuddy_Plugin_AI_Coding_Assistance_in_Your_Preferred_Editor\"><\/span>\n        CodeBuddy Plugin (AI Coding Assistance in Your Preferred Editor)\n      <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n      <p class=\"codebuddy-options__card-description\">\n        Write, understand, and debug code directly in VS Code or JetBrains IDEs. Ideal for software developers, frontend developers, backend developers, and engineering teams.\n      <\/p>\n    <\/article>\n\n    <!-- 03. CODEBUDDY CODE CLI -->\n\n    <article class=\"codebuddy-options__card\">\n      <div class=\"codebuddy-options__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M4 14v-3a8 8 0 0 1 16 0v3\"\/>\n          <rect x=\"2\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n          <rect x=\"18\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n          <path d=\"M20 19a4 4 0 0 1-4 4h-4\"\/>\n          <path d=\"M10 23h4\"\/>\n        <\/svg>\n      <\/div>\n\n      <h3 class=\"codebuddy-options__card-title\"><span class=\"ez-toc-section\" id=\"CodeBuddy_Code_Command-Line_AI_Coding_Assistant\"><\/span>\n        CodeBuddy Code Command-Line AI Coding Assistant\n      <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n      <p class=\"codebuddy-options__card-description\">\n        Help engineers analyze code, modify files, and run development tasks directly in the terminal using natural language instructions. Ideal for DevOps engineers, SREs, and senior developers.\n      <\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e05f655 elementor-widget elementor-widget-spacer\" data-id=\"e05f655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-1da72d2e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1da72d2e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47273f73 elementor-widget elementor-widget-html\" data-id=\"47273f73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   CODEBUDDY - HOW IT WORKS\n========================================= *\/\n\n.codebuddy-how-how-it-works {\n  --codebuddy-how-primary: #0052D9;\n  --codebuddy-how-primary-hover: #0047BD;\n  --codebuddy-how-light: #DDE9FF;\n  --codebuddy-how-green: #39FA98;\n  --codebuddy-how-green-soft: #E8FFF3;\n  --codebuddy-how-dark: #173B80;\n  --codebuddy-how-muted: #666666;\n  --codebuddy-how-line: #D5DDEA;\n  --codebuddy-how-dur: 15s;\n\n  width: 100%;\n  padding: 80px 0;\n  font-family: \"Poppins\", Arial, sans-serif;\n}\n\n.codebuddy-how-how-it-works,\n.codebuddy-how-how-it-works *,\n.codebuddy-how-how-it-works *::before,\n.codebuddy-how-how-it-works *::after {\n  box-sizing: border-box;\n}\n\n.codebuddy-how-how-it-works__inner {\n  width: min(100% - 48px, 1200px);\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* =========================================\n   SECTION HEADER\n========================================= *\/\n\n.codebuddy-how-how-it-works__title {\n  max-width: 900px;\n  margin: 0 0 18px;\n  color: var(--codebuddy-how-primary);\n  font-size: clamp(27px, 3vw, 32px);\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -.03em;\n  text-align: center;\n}\n\n.codebuddy-how-how-it-works__desc {\n  max-width: 780px;\n  margin: 0;\n  color: var(--codebuddy-how-muted);\n  font-size: 15px;\n  line-height: 1.75;\n  text-align: center;\n}\n\n\/* =========================================\n   STEPS GRID\n========================================= *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-steps {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 20px;\n\n  width: 100%;\n  margin: 48px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n\/* Desktop connector track *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-steps::before,\n.codebuddy-how-how-it-works .codebuddy-how-steps::after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  top: 62px;\n  left: 10%;\n  height: 3px;\n  border-radius: 3px;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-steps::before {\n  width: 80%;\n  background: var(--codebuddy-how-line);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-steps::after {\n  width: 80%;\n  background: linear-gradient(\n    90deg,\n    var(--codebuddy-how-primary),\n    var(--codebuddy-how-green)\n  );\n\n  box-shadow: 0 0 10px rgba(57, 250, 152, .25);\n  transform-origin: 0 50%;\n  transform: scaleX(0);\n  animation: codebuddy-how-line var(--codebuddy-how-dur) linear infinite;\n  animation-play-state: paused;\n}\n\n.codebuddy-how-how-it-works.codebuddy-how-run .codebuddy-how-steps::after {\n  animation-play-state: running;\n}\n\n\/* =========================================\n   INDIVIDUAL STEP\n========================================= *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-step {\n  position: relative;\n  z-index: 1;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  min-width: 0;\n  filter: grayscale(1);\n  opacity: .6;\n\n  animation: codebuddy-how-reveal var(--codebuddy-how-dur) linear infinite;\n  animation-play-state: paused;\n}\n\n.codebuddy-how-how-it-works.codebuddy-how-run .codebuddy-how-step {\n  animation-play-state: running;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(1) {\n  animation-delay: calc(var(--codebuddy-how-dur) * 0);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(2) {\n  animation-delay: calc(var(--codebuddy-how-dur) * .2);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(3) {\n  animation-delay: calc(var(--codebuddy-how-dur) * .4);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(4) {\n  animation-delay: calc(var(--codebuddy-how-dur) * .6);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(5) {\n  animation-delay: calc(var(--codebuddy-how-dur) * .8);\n}\n\n\/* =========================================\n   STEP ICON\n========================================= *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-step__icon {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  width: 124px;\n  height: 124px;\n\n  background: #fff;\n  border: 1.5px solid #BCD3FF;\n  border-radius: 50%;\n\n  box-shadow:\n    0 8px 22px rgba(0, 82, 217, .09),\n    0 0 0 4px rgba(221, 233, 255, .45);\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step__icon svg {\n  width: 84px;\n  height: 84px;\n  overflow: visible;\n}\n\n\/* Active animation gets a subtle green glow *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(1) .codebuddy-how-step__icon,\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(2) .codebuddy-how-step__icon,\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(3) .codebuddy-how-step__icon,\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(4) .codebuddy-how-step__icon,\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(5) .codebuddy-how-step__icon {\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n\/* =========================================\n   STEP TEXT\n========================================= *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-step__title {\n  margin: 22px 0 8px;\n  color: var(--codebuddy-how-dark);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step__desc {\n  max-width: 210px;\n  margin: 0;\n  color: var(--codebuddy-how-muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n\/* =========================================\n   ICON MICRO-ANIMATIONS\n========================================= *\/\n\n.codebuddy-how-how-it-works .codebuddy-how-step .codebuddy-how-a {\n  animation-duration: var(--codebuddy-how-dur);\n  animation-iteration-count: infinite;\n  animation-timing-function: ease-in-out;\n  animation-play-state: paused;\n}\n\n.codebuddy-how-how-it-works.codebuddy-how-run .codebuddy-how-step .codebuddy-how-a {\n  animation-play-state: running;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(1) .codebuddy-how-a {\n  animation-delay: calc(var(--codebuddy-how-dur) * 0);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(2) .codebuddy-how-a {\n  animation-delay: calc(var(--codebuddy-how-dur) * .2);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(3) .codebuddy-how-a {\n  animation-delay: calc(var(--codebuddy-how-dur) * .4);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(4) .codebuddy-how-a {\n  animation-delay: calc(var(--codebuddy-how-dur) * .6);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-step:nth-child(5) .codebuddy-how-a {\n  animation-delay: calc(var(--codebuddy-how-dur) * .8);\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-fb {\n  transform-box: fill-box;\n  transform-origin: center;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-draw {\n  stroke-dasharray: 1;\n  stroke-dashoffset: 1;\n  animation-name: codebuddy-how-drawk;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-pop {\n  animation-name: codebuddy-how-popk;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-scan {\n  animation-name: codebuddy-how-scank;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-blink {\n  animation-name: codebuddy-how-blinkk;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-fix {\n  animation-name: codebuddy-how-fixk;\n}\n\n.codebuddy-how-how-it-works .codebuddy-how-wiggle {\n  animation-name: codebuddy-how-wigglek;\n}\n\n\/* =========================================\n   KEYFRAMES\n========================================= *\/\n\n@keyframes codebuddy-how-reveal {\n  0% {\n    filter: grayscale(1);\n    opacity: .6;\n  }\n\n  2%, 96% {\n    filter: grayscale(0);\n    opacity: 1;\n  }\n\n  100% {\n    filter: grayscale(1);\n    opacity: .6;\n  }\n}\n\n@keyframes codebuddy-how-line {\n  0% {\n    transform: scaleX(0);\n  }\n\n  80%, 96% {\n    transform: scaleX(1);\n  }\n\n  100% {\n    transform: scaleX(0);\n  }\n}\n\n@keyframes codebuddy-how-drawk {\n  0% {\n    stroke-dashoffset: 1;\n  }\n\n  12%, 100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes codebuddy-how-popk {\n  0% {\n    opacity: 0;\n    transform: scale(.4);\n  }\n\n  12%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes codebuddy-how-scank {\n  0% {\n    opacity: 0;\n    transform: translateY(0);\n  }\n\n  2% {\n    opacity: 1;\n  }\n\n  14% {\n    opacity: 1;\n    transform: translateY(34px);\n  }\n\n  16%, 100% {\n    opacity: 0;\n    transform: translateY(34px);\n  }\n}\n\n@keyframes codebuddy-how-blinkk {\n  0%, 49% {\n    opacity: 1;\n  }\n\n  50%, 100% {\n    opacity: 0;\n  }\n}\n\n@keyframes codebuddy-how-fixk {\n  0%, 8% {\n    fill: #F04452;\n    stroke: #F04452;\n  }\n\n  16%, 100% {\n    fill: #0052D9;\n    stroke: #0052D9;\n  }\n}\n\n@keyframes codebuddy-how-wigglek {\n  0%, 4% {\n    transform: rotate(0);\n  }\n\n  6% {\n    transform: rotate(-12deg);\n  }\n\n  8% {\n    transform: rotate(12deg);\n  }\n\n  10% {\n    transform: rotate(-8deg);\n  }\n\n  12%, 100% {\n    transform: rotate(0);\n  }\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n  .codebuddy-how-how-it-works .codebuddy-how-steps {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    row-gap: 44px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-steps::before,\n  .codebuddy-how-how-it-works .codebuddy-how-steps::after {\n    display: none;\n  }\n}\n\n@media (max-width: 780px) {\n  .codebuddy-how-how-it-works {\n    padding: 60px 0;\n  }\n\n  .codebuddy-how-how-it-works__inner {\n    width: min(100% - 40px, 1200px);\n  }\n\n  .codebuddy-how-how-it-works__desc {\n    font-size: 15px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-steps {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin-top: 36px;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 540px) {\n  .codebuddy-how-how-it-works {\n    padding: 45px 0;\n  }\n\n  .codebuddy-how-how-it-works__inner {\n    width: min(100% - 32px, 1200px);\n  }\n\n  .codebuddy-how-how-it-works__title {\n    font-size: 26px;\n    line-height: 1.35;\n  }\n\n  .codebuddy-how-how-it-works__desc {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-steps {\n    grid-template-columns: 1fr;\n    row-gap: 0;\n    margin-top: 28px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step {\n    flex-direction: row;\n    align-items: flex-start;\n    text-align: left;\n    gap: 16px;\n    padding-bottom: 28px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step:not(:last-child)::before {\n    content: \"\";\n    position: absolute;\n    left: 41px;\n    top: 84px;\n    bottom: 0;\n    width: 2px;\n    background: linear-gradient(\n      to bottom,\n      #BCD3FF,\n      rgba(57, 250, 152, .65)\n    );\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step__icon {\n    width: 84px;\n    height: 84px;\n    flex: 0 0 84px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step__icon svg {\n    width: 56px;\n    height: 56px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step__title {\n    margin: 6px 0;\n    font-size: 16px;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step__desc {\n    max-width: none;\n  }\n}\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .codebuddy-how-how-it-works .codebuddy-how-step,\n  .codebuddy-how-how-it-works .codebuddy-how-step .codebuddy-how-a,\n  .codebuddy-how-how-it-works .codebuddy-how-steps::after {\n    animation: none !important;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-step {\n    filter: none !important;\n    opacity: 1 !important;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-draw {\n    stroke-dashoffset: 0 !important;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-steps::after {\n    transform: scaleX(1) !important;\n  }\n\n  .codebuddy-how-how-it-works .codebuddy-how-scan {\n    display: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"codebuddy-how-how-it-works\"\n  id=\"codebuddy-how-how-it-works\"\n  aria-labelledby=\"codebuddy-how-how-it-works-title\"\n>\n  <div class=\"codebuddy-how-how-it-works__inner\">\n\n    <h2 id=\"codebuddy-how-how-it-works-title\" class=\"codebuddy-how-how-it-works__title\"><span class=\"ez-toc-section\" id=\"How_Does_CodeBuddy_Work\"><\/span>\n      How Does CodeBuddy Work?\n    <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n    <p class=\"codebuddy-how-how-it-works__desc\">\n      CodeBuddy supports developers across the development workflow, from understanding requirements to validating code before release.\n    <\/p>\n\n    <ol class=\"codebuddy-how-steps\">\n\n      <!-- 1. Requirements Analysis -->\n      <li class=\"codebuddy-how-step\">\n        <div class=\"codebuddy-how-step__icon\">\n          <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n            <rect x=\"16\" y=\"8\" width=\"48\" height=\"62\" rx=\"8\" fill=\"#fff\" stroke=\"#0052D9\" stroke-width=\"2.5\"\/>\n            <rect x=\"24\" y=\"16\" width=\"20\" height=\"4\" rx=\"2\" fill=\"#0052D9\"\/>\n\n            <g stroke=\"#48CFF5\" stroke-width=\"3\" stroke-linecap=\"round\" fill=\"none\">\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" d=\"M24 30H56\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" d=\"M24 40H50\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" d=\"M24 50H54\"\/>\n            <\/g>\n\n            <g class=\"codebuddy-how-a codebuddy-how-pop codebuddy-how-fb\" transform=\"translate(58 62)\">\n              <circle r=\"11\" fill=\"#0052D9\" stroke=\"#fff\" stroke-width=\"2\"\/>\n              <circle cx=\"-2\" cy=\"-2\" r=\"4.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\/>\n              <path d=\"M1.5 1.5L6 6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3 class=\"codebuddy-how-step__title\"><span class=\"ez-toc-section\" id=\"Requirements_Analysis\"><\/span>Requirements Analysis<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <\/div>\n      <\/li>\n\n      <!-- 2. Generate Code -->\n      <li class=\"codebuddy-how-step\">\n        <div class=\"codebuddy-how-step__icon\">\n          <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n            <rect x=\"8\" y=\"14\" width=\"64\" height=\"52\" rx=\"9\" fill=\"#fff\" stroke=\"#0052D9\" stroke-width=\"2.5\"\/>\n\n            <circle cx=\"17\" cy=\"23\" r=\"2\" fill=\"#BCD3FF\"\/>\n            <circle cx=\"24\" cy=\"23\" r=\"2\" fill=\"#BCD3FF\"\/>\n            <circle cx=\"31\" cy=\"23\" r=\"2\" fill=\"#BCD3FF\"\/>\n\n            <g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\">\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#0052D9\" d=\"M22 38L15 45L22 52\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#0052D9\" d=\"M58 38L65 45L58 52\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#48CFF5\" d=\"M44 34L36 56\"\/>\n            <\/g>\n\n            <rect class=\"codebuddy-how-a codebuddy-how-blink\" x=\"46\" y=\"56\" width=\"10\" height=\"3\" rx=\"1.5\" fill=\"#0052D9\"\/>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3 class=\"codebuddy-how-step__title\"><span class=\"ez-toc-section\" id=\"Generate_Code\"><\/span>Generate Code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <\/div>\n      <\/li>\n\n      <!-- 3. Code Review -->\n      <li class=\"codebuddy-how-step\">\n        <div class=\"codebuddy-how-step__icon\">\n          <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n            <rect x=\"10\" y=\"10\" width=\"52\" height=\"60\" rx=\"8\" fill=\"#fff\" stroke=\"#0052D9\" stroke-width=\"2.5\"\/>\n\n            <g stroke-linecap=\"round\" stroke-width=\"3.5\" fill=\"none\">\n              <path d=\"M18 24H40\" stroke=\"#DDE9FF\"\/>\n              <path d=\"M18 34H50\" stroke=\"#DDE9FF\"\/>\n              <path d=\"M18 44H36\" stroke=\"#DDE9FF\"\/>\n              <path d=\"M18 54H46\" stroke=\"#DDE9FF\"\/>\n            <\/g>\n\n            <rect class=\"codebuddy-how-a codebuddy-how-scan\" x=\"12\" y=\"14\" width=\"48\" height=\"8\" fill=\"#A9EFFF\" opacity=\"0\"\/>\n            <rect x=\"14\" y=\"30\" width=\"40\" height=\"8\" rx=\"3\" fill=\"#48CFF5\" opacity=\".25\"\/>\n\n            <g class=\"codebuddy-how-a codebuddy-how-wiggle codebuddy-how-fb\">\n              <circle cx=\"56\" cy=\"52\" r=\"12\" fill=\"#fff\" stroke=\"#0052D9\" stroke-width=\"3\"\/>\n              <path d=\"M65 61L74 70\" stroke=\"#0052D9\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n              <path d=\"M50 52L54 56L62 47\" fill=\"none\" stroke=\"#39FA98\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3 class=\"codebuddy-how-step__title\"><span class=\"ez-toc-section\" id=\"Code_Review\"><\/span>Code Review<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <\/div>\n      <\/li>\n\n      <!-- 4. Debugging & Troubleshooting -->\n      <li class=\"codebuddy-how-step\">\n        <div class=\"codebuddy-how-step__icon\">\n          <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n            <g class=\"codebuddy-how-a codebuddy-how-fix\" fill=\"#F04452\" stroke=\"#F04452\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n              <ellipse cx=\"40\" cy=\"44\" rx=\"14\" ry=\"18\" stroke=\"none\"\/>\n              <circle cx=\"40\" cy=\"22\" r=\"7\" stroke=\"none\"\/>\n              <path d=\"M26 36L14 30M26 46H12M27 56L16 64M54 36L66 30M54 46H68M53 56L64 64M35 16L30 8M45 16L50 8\" fill=\"none\"\/>\n            <\/g>\n\n            <path d=\"M40 30V58\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n\n            <g class=\"codebuddy-how-a codebuddy-how-pop codebuddy-how-fb\" transform=\"translate(62 18)\">\n              <circle r=\"11\" fill=\"#39FA98\" stroke=\"#fff\" stroke-width=\"2\"\/>\n              <path d=\"M-5 0L-1.5 3.5L5 -3.5\" fill=\"none\" stroke=\"#0052D9\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3 class=\"codebuddy-how-step__title\"><span class=\"ez-toc-section\" id=\"Debugging_Troubleshooting\"><\/span>Debugging &amp; Troubleshooting<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <\/div>\n      <\/li>\n\n      <!-- 5. Testing & Validation -->\n      <li class=\"codebuddy-how-step\">\n        <div class=\"codebuddy-how-step__icon\">\n          <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n            <rect x=\"12\" y=\"10\" width=\"56\" height=\"60\" rx=\"9\" fill=\"#fff\" stroke=\"#0052D9\" stroke-width=\"2.5\"\/>\n\n            <g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#0052D9\" stroke-width=\"3\" d=\"M20 26L24 30L31 22\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#0052D9\" stroke-width=\"3\" d=\"M20 41L24 45L31 37\"\/>\n              <path class=\"codebuddy-how-a codebuddy-how-draw\" pathLength=\"1\" stroke=\"#0052D9\" stroke-width=\"3\" d=\"M20 56L24 60L31 52\"\/>\n\n              <path d=\"M38 26H60M38 41H56M38 56H58\" stroke=\"#DDE9FF\" stroke-width=\"3.5\"\/>\n            <\/g>\n\n            <g class=\"codebuddy-how-a codebuddy-how-pop codebuddy-how-fb\" transform=\"translate(64 64)\">\n              <circle r=\"11\" fill=\"#0052D9\" stroke=\"#fff\" stroke-width=\"2\"\/>\n              <path d=\"M-5 0L-1.5 3.5L5 -3.5\" fill=\"none\" stroke=\"#39FA98\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3 class=\"codebuddy-how-step__title\"><span class=\"ez-toc-section\" id=\"Testing_Validation\"><\/span>Testing &amp; Validation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <\/div>\n      <\/li>\n\n    <\/ol>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.getElementById(\"codebuddy-how-how-it-works\");\n\n  if (!root || root.getAttribute(\"data-codebuddy-how-init\")) {\n    return;\n  }\n\n  root.setAttribute(\"data-codebuddy-how-init\", \"1\");\n\n  if (\"IntersectionObserver\" in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      root.classList.toggle(\"codebuddy-how-run\", entries[0].isIntersecting);\n    }, {\n      threshold: 0.15\n    });\n\n    observer.observe(root);\n  } else {\n    root.classList.add(\"codebuddy-how-run\");\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-50cb0bf e-flex e-con-boxed e-con e-parent\" data-id=\"50cb0bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6f4d3e60 e-con-full e-flex e-con e-child\" data-id=\"6f4d3e60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6de7505f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"6de7505f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54288427 elementor-widget elementor-widget-spacer\" data-id=\"54288427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be35bca elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"be35bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Key_Features_of_Tencent_CodeBuddy\"><\/span>Key Features of Tencent CodeBuddy<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a10d310 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a10d310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTencent CodeBuddy offers a range of AI-powered capabilities to help developers write, understand, and manage code more efficiently.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607791f2 elementor-widget elementor-widget-html\" data-id=\"607791f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   CODEBUDDY - AI CODING FEATURES\n   Desktop: 3 columns | Tablet: 2 | Mobile: 1\n========================================= *\/\n\n.codebuddy-features {\n  --cbf-accent: #0052D9;\n  --cbf-accent-hover: #0047BD;\n  --cbf-ink: #0A0F1D;\n  --cbf-muted: #52627A;\n  --cbf-line: #DCE5F2;\n  --cbf-green: #39FA98;\n  --cbf-purple: #6C4DFF;\n  --cbf-ease: cubic-bezier(.4, 0, .2, 1);\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  font-family: \"Poppins\", Arial, sans-serif;\n}\n\n.codebuddy-features,\n.codebuddy-features *,\n.codebuddy-features *::before,\n.codebuddy-features *::after {\n  box-sizing: border-box;\n}\n\n.codebuddy-features__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  align-items: stretch;\n}\n\n.codebuddy-features__card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  padding: 24px 28px 30px;\n  overflow: hidden;\n  background:\n    linear-gradient(145deg, rgba(57, 250, 152, .055) 0%, transparent 42%),\n    linear-gradient(180deg, #F4F8FF 0%, #FFFFFF 100%);\n  border: 1px solid var(--cbf-line);\n  border-top: 3px solid rgba(0, 82, 217, .72);\n  border-radius: 18px;\n  transition:\n    border-color .3s var(--cbf-ease),\n    background .3s var(--cbf-ease),\n    box-shadow .3s var(--cbf-ease),\n    transform .3s var(--cbf-ease);\n}\n\n.codebuddy-features__card:hover {\n  border-color: rgba(0, 82, 217, .38);\n  border-top-color: var(--cbf-green);\n  background:\n    linear-gradient(145deg, rgba(57, 250, 152, .10) 0%, transparent 48%),\n    linear-gradient(180deg, #F4F8FF 0%, #FFFFFF 100%);\n  box-shadow:\n    0 14px 30px rgba(10, 15, 29, .08),\n    0 5px 18px rgba(57, 250, 152, .12);\n  transform: translateY(-3px);\n}\n\n.codebuddy-features__card::before {\n  content: \"\";\n  display: block;\n  width: 54px;\n  height: 3px;\n  margin: 0 0 18px;\n  border-radius: 99px;\n  background: linear-gradient(90deg, var(--cbf-green) 0%, var(--cbf-purple) 100%);\n  opacity: .9;\n}\n\n.codebuddy-features__image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 210px;\n  margin-bottom: 22px;\n}\n\n.codebuddy-features__image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  object-fit: contain;\n  object-position: center;\n  transition: transform .5s var(--cbf-ease);\n}\n\n.codebuddy-features__card:hover .codebuddy-features__image img {\n  transform: scale(1.04);\n}\n\n.codebuddy-features__title {\n  margin: 0 0 10px;\n  padding: 0;\n  color: var(--cbf-ink);\n  font-family: inherit;\n  font-size: 20px;\n  line-height: 1.3;\n  font-weight: 600;\n  letter-spacing: -.2px;\n}\n\n.codebuddy-features__card:hover .codebuddy-features__title {\n  color: var(--cbf-accent-hover);\n}\n\n.codebuddy-features__description {\n  margin: 0;\n  padding: 0;\n  color: var(--cbf-muted);\n  font-family: inherit;\n  font-size: 14.5px;\n  line-height: 1.65;\n  font-weight: 400;\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n  .codebuddy-features__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .codebuddy-features__card {\n    padding: 22px 22px 26px;\n  }\n\n  .codebuddy-features__image {\n    height: 200px;\n    margin-bottom: 20px;\n  }\n\n  .codebuddy-features__title {\n    font-size: 19px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 600px) {\n  .codebuddy-features__grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .codebuddy-features__card {\n    padding: 20px 20px 24px;\n  }\n\n  .codebuddy-features__image {\n    height: 190px;\n    margin-bottom: 18px;\n  }\n\n  .codebuddy-features__title {\n    font-size: 19px;\n  }\n\n  .codebuddy-features__description {\n    font-size: 14px;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n@media (prefers-reduced-motion: reduce) {\n  .codebuddy-features__card,\n  .codebuddy-features__image img {\n    transition: none;\n  }\n\n  .codebuddy-features__card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"codebuddy-features\">\n  <div class=\"codebuddy-features__grid\">\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Code-Generation.webp\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"Code_Generation\"><\/span>Code Generation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Generate code faster with AI-powered suggestions that help developers build features and accelerate development.<\/p>\n    <\/article>\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/AI-Coding-Agent-2.webp\" alt=\"Code completion\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"AI_Coding_Agent\"><\/span>AI Coding Agent<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Automate complex coding tasks with an AI agent that can plan, generate, and modify code based on your instructions.<\/p>\n    <\/article>\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Debugging.webp\" alt=\"Code explanation and understanding\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"Debugging\"><\/span>Debugging<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Identify errors, analyze potential root causes, and get AI-powered suggestions to fix bugs more efficiently.<\/p>\n    <\/article>\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Code-Review-Testing.webp\" alt=\"AI-powered code review\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"Code_Review_Testing\"><\/span>Code Review & Testing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Improve code quality with AI-assisted code reviews, issue detection, and test case generation.<\/p>\n    <\/article>\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Codebase-Understanding.webp\" alt=\"Generate unit tests\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"Codebase_Understanding\"><\/span>Codebase Understanding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Understand complex codebases faster with AI assistance to explore code structure, dependencies, and functionality.<\/p>\n    <\/article>\n\n    <article class=\"codebuddy-features__card\">\n      <div class=\"codebuddy-features__image\">\n        <img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Figma-to-Code-2.webp\" alt=\"IDE and development tool integration\" loading=\"lazy\">\n      <\/div>\n      <h3 class=\"codebuddy-features__title\"><span class=\"ez-toc-section\" id=\"Figma_to_Code\"><\/span>Figma to Code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n      <p class=\"codebuddy-features__description\">Transform Figma designs into frontend code faster, streamlining the process from UI design to development.<\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4b2e8d elementor-widget elementor-widget-spacer\" data-id=\"b4b2e8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-48f57632 e-flex e-con-boxed e-con e-parent\" data-id=\"48f57632\" 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<div class=\"elementor-element elementor-element-273b2479 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"273b2479\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37d322ee elementor-widget elementor-widget-spacer\" data-id=\"37d322ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56ce82ee elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"56ce82ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Who_Can_Use_Tencent_CodeBuddy\"><\/span>Who Can Use Tencent CodeBuddy?\t\t\t\t<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-674359a9 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"674359a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTencent CodeBuddy supports a range of IT roles, from application development to software testing and technical workflow management.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f68055a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5f68055a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204caa42 elementor-widget elementor-widget-html\" data-id=\"204caa42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   TENCENT CODEBUDDY - DEVELOPER ROLES\n   Desktop: 3 columns\n   Tablet: 2 columns\n   Mobile: 1 column\n========================================= *\/\n\n.codebuddy-products {\n    --tp-accent: #0052D9;\n    --tp-accent-hover: #0047BD;\n    --tp-soft: #DDE9FF;\n    --tp-green: #39FA98;\n    --tp-ink: #0B1B4D;\n    --tp-muted: #5B6B8A;\n    --tp-line: #DCE7FA;\n    --tp-ease: cubic-bezier(.4, 0, .2, 1);\n\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n    font-family: \"Poppins\", sans-serif;\n}\n\n.codebuddy-products *,\n.codebuddy-products *::before,\n.codebuddy-products *::after {\n    box-sizing: border-box;\n}\n\n\/* ---------- GRID ---------- *\/\n\n.codebuddy-products .codebuddy-products-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n    align-items: stretch;\n}\n\n\/* ---------- CARD ---------- *\/\n\n.codebuddy-products .codebuddy-product-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 24px 28px 30px;\n    overflow: hidden;\n\n    background: linear-gradient(\n        180deg,\n        #F4FFF8 0%,\n        #FFFFFF 100%\n    );\n\n    border: 1px solid var(--tp-line);\n    border-radius: 18px;\n\n    transition:\n        border-color .3s var(--tp-ease),\n        box-shadow .3s var(--tp-ease),\n        transform .3s var(--tp-ease),\n        background .3s var(--tp-ease);\n}\n\n.codebuddy-products .codebuddy-product-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n\n    background: linear-gradient(\n        90deg,\n        var(--tp-accent),\n        var(--tp-green)\n    );\n\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .35s var(--tp-ease);\n}\n\n.codebuddy-products .codebuddy-product-card:hover {\n    border-color: rgba(0, 82, 217, .4);\n\n    box-shadow:\n        0 14px 30px rgba(11, 27, 77, .08),\n        0 4px 14px rgba(57, 250, 152, .08);\n\n    transform: translateY(-4px);\n}\n\n.codebuddy-products .codebuddy-product-card:hover::before {\n    transform: scaleX(1);\n}\n\n\/* ---------- IMAGE ---------- *\/\n\n.codebuddy-products .codebuddy-product-image,\n.codebuddy-products .codebuddy-product-image-cloudsec,\n.codebuddy-products .codebuddy-product-image-clouddata {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    height: 210px;\n    margin-bottom: 22px;\n    overflow: hidden;\n}\n\n.codebuddy-products .codebuddy-product-image img,\n.codebuddy-products .codebuddy-product-image-cloudsec img,\n.codebuddy-products .codebuddy-product-image-clouddata img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n\n    object-fit: contain;\n    object-position: center;\n\n    transition: transform .5s var(--tp-ease);\n}\n\n.codebuddy-products .codebuddy-product-card:hover img {\n    transform: scale(1.04);\n}\n\n\/* ---------- TEXT ---------- *\/\n\n.codebuddy-products .codebuddy-product-title {\n    margin: 0 0 10px;\n    padding: 0;\n\n    font-size: 22px;\n    line-height: 1.3;\n    font-weight: 600;\n    letter-spacing: -.2px;\n\n    color: var(--tp-ink);\n    transition: color .3s var(--tp-ease);\n}\n\n.codebuddy-products .codebuddy-product-card:hover .codebuddy-product-title {\n    color: var(--tp-accent);\n}\n\n.codebuddy-products .codebuddy-product-description {\n    margin: 0;\n    padding: 0;\n\n    font-size: 14.5px;\n    line-height: 1.7;\n    font-weight: 400;\n\n    color: var(--tp-muted);\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 900px) {\n    .codebuddy-products .codebuddy-products-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .codebuddy-products .codebuddy-product-card {\n        padding: 22px 22px 26px;\n    }\n\n    .codebuddy-products .codebuddy-product-image,\n    .codebuddy-products .codebuddy-product-image-cloudsec,\n    .codebuddy-products .codebuddy-product-image-clouddata {\n        height: 200px;\n        margin-bottom: 20px;\n    }\n\n    .codebuddy-products .codebuddy-product-title {\n        font-size: 20px;\n    }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 600px) {\n    .codebuddy-products .codebuddy-products-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n\n    .codebuddy-products .codebuddy-product-card {\n        padding: 20px 20px 24px;\n    }\n\n    .codebuddy-products .codebuddy-product-image,\n    .codebuddy-products .codebuddy-product-image-cloudsec,\n    .codebuddy-products .codebuddy-product-image-clouddata {\n        height: 190px;\n        margin-bottom: 18px;\n    }\n\n    .codebuddy-products .codebuddy-product-title {\n        font-size: 20px;\n    }\n\n    .codebuddy-products .codebuddy-product-description {\n        font-size: 14px;\n    }\n}\n\n\/* ---------- ACCESSIBILITY ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .codebuddy-products .codebuddy-product-card,\n    .codebuddy-products .codebuddy-product-card::before,\n    .codebuddy-products .codebuddy-product-card img,\n    .codebuddy-products .codebuddy-product-title {\n        transition: none;\n    }\n\n    .codebuddy-products .codebuddy-product-card:hover {\n        transform: none;\n    }\n}\n<\/style>\n\n<section class=\"codebuddy-products\">\n    <div class=\"codebuddy-products-grid\">\n\n        <!-- 01: SOFTWARE DEVELOPER -->\n        <article class=\"codebuddy-product-card\">\n            <div class=\"codebuddy-product-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Face-Comparison-1.webp\"\n                    alt=\"Software Developer\"\n                    loading=\"lazy\"\n                >\n            <\/div>\n\n            <h2 class=\"codebuddy-product-title\"><span class=\"ez-toc-section\" id=\"Software_Developer\"><\/span>\n                Software Developer\n            <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n            <p class=\"codebuddy-product-description\">\n                Support coding, code completion, debugging, and application structure analysis across frontend and backend development.\n            <\/p>\n        <\/article>\n\n        <!-- 02: DEVOPS & SRE ENGINEER -->\n        <article class=\"codebuddy-product-card\">\n            <div class=\"codebuddy-product-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/AI-Face-Shield-1.webp\"\n                    alt=\"DevOps and SRE Engineer\"\n                    loading=\"lazy\"\n                >\n            <\/div>\n\n            <h2 class=\"codebuddy-product-title\"><span class=\"ez-toc-section\" id=\"DevOps_SRE_Engineer\"><\/span>\n                DevOps &amp; SRE Engineer\n            <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n            <p class=\"codebuddy-product-description\">\n                Assist with infrastructure scripts, configuration analysis, troubleshooting, and automation to streamline development and operations workflows.\n            <\/p>\n        <\/article>\n\n        <!-- 03: QA ENGINEER -->\n        <article class=\"codebuddy-product-card\">\n            <div class=\"codebuddy-product-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Liveness-Detection-1.webp\"\n                    alt=\"QA Engineer\"\n                    loading=\"lazy\"\n                >\n            <\/div>\n\n            <h2 class=\"codebuddy-product-title\"><span class=\"ez-toc-section\" id=\"QA_Engineer\"><\/span>\n                QA Engineer\n            <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n            <p class=\"codebuddy-product-description\">\n                Support unit test creation, function logic analysis, and identification of test scenarios that require further validation with Tencent CodeBuddy.\n            <\/p>\n        <\/article>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caf5807 elementor-widget elementor-widget-spacer\" data-id=\"caf5807\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-3e228459 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"3e228459\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151f764 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"151f764\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   TENCENT CODEBUDDY - BUSINESS BENEFITS\n========================================= *\/\n\n.codebuddy-benefits {\n  --cbb-primary: #0052D9;\n  --cbb-primary-hover: #0047BD;\n  --cbb-light: #DDE9FF;\n  --cbb-green: #39FA98;\n  --cbb-bg: #F8FAFF;\n  --cbb-white: #FFFFFF;\n  --cbb-dark: #181818;\n  --cbb-muted: #666666;\n  --cbb-border: #E8E8E8;\n  --cbb-ease: cubic-bezier(.4, 0, .2, 1);\n\n  width: 100%;\n  padding: 45px 24px 55px;\n  \/*background: var(--cbb-bg);*\/\n  font-family: \"Poppins\", sans-serif;\n}\n\n.codebuddy-benefits *,\n.codebuddy-benefits *::before,\n.codebuddy-benefits *::after {\n  box-sizing: border-box;\n}\n\n.codebuddy-benefits .cbb-container {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n}\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n.codebuddy-benefits .cbb-header {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 40px;\n  align-items: center;\n  min-height: 170px;\n  margin-bottom: 55px;\n}\n\n.codebuddy-benefits .cbb-header-content {\n  max-width: 850px;\n}\n\n.codebuddy-benefits .cbb-heading {\n  margin: 0 0 18px;\n  font-size: clamp(27px, 3vw, 32px);\n  line-height: 1.2;\n  font-weight: 600;\n  letter-spacing: -.5px;\n  color: var(--cbb-primary);\n}\n\n.codebuddy-benefits .cbb-subtitle {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.65;\n  font-weight: 400;\n  color: var(--cbb-dark);\n}\n\n\/* HEADER VISUAL *\/\n\n.codebuddy-benefits .cbb-header-visual {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 150px;\n}\n\n.codebuddy-benefits .cbb-header-visual img {\n  display: block;\n  width: 100%;\n  max-width: 460px;\n  height: auto;\n  object-fit: contain;\n}\n\n\/* =========================================\n   BENEFITS GRID\n========================================= *\/\n\n.codebuddy-benefits .cbb-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 20px;\n  align-items: stretch;\n}\n\n\/* =========================================\n   BENEFIT CARD\n========================================= *\/\n\n.codebuddy-benefits .cbb-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  min-width: 0;\n  min-height: 265px;\n  padding: 24px 23px 28px;\n  overflow: hidden;\n\n  background: linear-gradient(\n    180deg,\n    #FFFFFF 0%,\n    #FCFDFF 100%\n  );\n\n  border: 1px solid var(--cbb-border);\n  border-radius: 13px;\n\n  transition:\n    background .3s var(--cbb-ease),\n    border-color .3s var(--cbb-ease),\n    transform .3s var(--cbb-ease),\n    box-shadow .3s var(--cbb-ease);\n}\n\n\/* Green accent line *\/\n\n.codebuddy-benefits .cbb-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    var(--cbb-primary),\n    var(--cbb-green)\n  );\n\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .35s var(--cbb-ease);\n}\n\n.codebuddy-benefits .cbb-card:hover {\n  background: linear-gradient(\n    180deg,\n    #F4FFF8 0%,\n    #FFFFFF 100%\n  );\n\n  border-color: rgba(0, 82, 217, .28);\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 10px 25px rgba(0, 82, 217, .07),\n    0 4px 14px rgba(57, 250, 152, .05);\n}\n\n.codebuddy-benefits .cbb-card:hover::before {\n  transform: scaleX(1);\n}\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.codebuddy-benefits .cbb-icon {\n  position: relative;\n  z-index: 1;\n\n  width: 47px;\n  height: 50px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  margin-bottom: 20px;\n\n  background: var(--cbb-light);\n  color: var(--cbb-primary);\n\n  border: 1px solid rgba(0, 82, 217, .22);\n  border-radius: 7px;\n\n  transition:\n    background .3s var(--cbb-ease),\n    border-color .3s var(--cbb-ease),\n    transform .3s var(--cbb-ease);\n}\n\n.codebuddy-benefits .cbb-icon svg {\n  width: 25px;\n  height: 25px;\n  display: block;\n}\n\n.codebuddy-benefits .cbb-card:hover .cbb-icon {\n  background: #E8FFF2;\n  border-color: rgba(57, 250, 152, .65);\n  transform: translateY(-2px);\n}\n\n\/* =========================================\n   CARD TITLE\n========================================= *\/\n\n.codebuddy-benefits .cbb-card h3 {\n  margin: 0 0 18px;\n  color: var(--cbb-dark);\n\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 600;\n  letter-spacing: -.2px;\n  text-align: left;\n\n  transition: color .25s ease;\n}\n\n.codebuddy-benefits .cbb-card:hover h3 {\n  color: var(--cbb-primary);\n}\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.codebuddy-benefits .cbb-description {\n  margin: 0;\n  color: var(--cbb-muted);\n\n  font-size: 15px;\n  line-height: 1.65;\n  font-weight: 400;\n  text-align: left;\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n  .codebuddy-benefits .cbb-header {\n    gap: 30px;\n    margin-bottom: 40px;\n  }\n\n  .codebuddy-benefits .cbb-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .codebuddy-benefits .cbb-card {\n    min-height: 230px;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n  .codebuddy-benefits {\n    padding: 35px 18px 45px;\n  }\n\n  .codebuddy-benefits .cbb-header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    min-height: auto;\n    margin-bottom: 35px;\n  }\n\n  .codebuddy-benefits .cbb-heading {\n    font-size: 27px;\n    line-height: 1.25;\n    margin-bottom: 14px;\n  }\n\n  .codebuddy-benefits .cbb-subtitle {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .codebuddy-benefits .cbb-header-visual {\n    display: none;\n  }\n\n  .codebuddy-benefits .cbb-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .codebuddy-benefits .cbb-card {\n    min-height: auto;\n    padding: 23px 22px 25px;\n  }\n\n  .codebuddy-benefits .cbb-icon {\n    width: 45px;\n    height: 45px;\n    margin-bottom: 16px;\n  }\n\n  .codebuddy-benefits .cbb-card h3 {\n    font-size: 17px;\n    margin-bottom: 10px;\n  }\n\n  .codebuddy-benefits .cbb-description {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .codebuddy-benefits .cbb-card:hover {\n    transform: none;\n  }\n}\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .codebuddy-benefits .cbb-card,\n  .codebuddy-benefits .cbb-card::before,\n  .codebuddy-benefits .cbb-icon,\n  .codebuddy-benefits .cbb-card h3 {\n    transition: none;\n  }\n\n  .codebuddy-benefits .cbb-card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"codebuddy-benefits\">\n  <div class=\"cbb-container\">\n\n    <!-- SECTION HEADER -->\n    <div class=\"cbb-header\">\n      <div class=\"cbb-header-content\">\n        <h2 class=\"cbb-heading\"><span class=\"ez-toc-section\" id=\"Benefits_of_Tencent_CodeBuddy_for_Businesses\"><\/span>\n          Benefits of Tencent CodeBuddy\n          for Businesses\n        <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n        <p class=\"cbb-subtitle\">\n          Using an AI coding assistant can help businesses improve software development efficiency and reduce time spent on repetitive technical tasks.\n        <\/p>\n      <\/div>\n\n      <div class=\"cbb-header-visual\">\n        <!-- Optional illustration can be added here -->\n      <\/div>\n    <\/div>\n\n    <!-- BENEFITS GRID -->\n    <div class=\"cbb-grid\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"cbb-card\">\n        <div class=\"cbb-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3><span class=\"ez-toc-section\" id=\"Improve_Developer_Productivity\"><\/span>Improve Developer Productivity<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"cbb-description\">\n          Reduce time spent on repetitive coding, searching for technical information, and routine development tasks.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"cbb-card\">\n        <div class=\"cbb-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"m16 18 6-6-6-6\"\/>\n            <path d=\"m8 6-6 6 6 6\"\/>\n            <path d=\"m14 4-4 16\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3><span class=\"ez-toc-section\" id=\"Accelerate_Software_Development\"><\/span>Accelerate Software Development<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"cbb-description\">\n          Speed up coding, debugging, and testing so teams can focus on project priorities.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"cbb-card\">\n        <div class=\"cbb-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"m8 2 1.88 1.88\"\/>\n            <path d=\"M14.12 3.88 16 2\"\/>\n            <path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"\/>\n            <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"\/>\n            <path d=\"M12 20v-9\"\/>\n            <path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"\/>\n            <path d=\"M6 13H2\"\/>\n            <path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"\/>\n            <path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"\/>\n            <path d=\"M22 13h-4\"\/>\n            <path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3><span class=\"ez-toc-section\" id=\"Improve_Debugging_and_Code_Review_Efficiency\"><\/span>Improve Debugging and Code Review Efficiency<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"cbb-description\">\n          Use AI-powered analysis and recommendations to identify issues and review code more efficiently.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 04 -->\n      <article class=\"cbb-card\">\n        <div class=\"cbb-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/>\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\n            <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3><span class=\"ez-toc-section\" id=\"Accelerate_Software_Delivery\"><\/span>Accelerate Software Delivery<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"cbb-description\">\n          Help teams manage development tasks more efficiently, keeping feature completion and release preparation on track.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66616f17 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"66616f17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fbe1555 e-con-full e-flex e-con e-child\" data-id=\"fbe1555\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77a24217 elementor-widget elementor-widget-spacer\" data-id=\"77a24217\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b8e320b elementor-widget elementor-widget-html\" data-id=\"2b8e320b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================\n   TENCENT CLOUD x IDSTAR\n   WHY CHOOSE IDSTAR\n========================================= *\/\n\n.codebuddy-why {\n  --tw-primary: #0052D9;\n  --tw-primary-hover: #0047BD;\n  --tw-light: #DDE9FF;\n  --tw-green: #39FA98;\n  --tw-ink: #181818;\n  --tw-muted: #666666;\n  --tw-border: #E8E8E8;\n  --tw-ease: cubic-bezier(.4, 0, .2, 1);\n\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  font-family: \"Poppins\", sans-serif;\n}\n\n.codebuddy-why *,\n.codebuddy-why *::before,\n.codebuddy-why *::after {\n  box-sizing: border-box;\n}\n\n.codebuddy-why-wrapper {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n\n  width: 100%;\n  min-height: 470px;\n  overflow: hidden;\n\n  background: #FFFFFF;\n  border: 1px solid rgba(0, 82, 217, .08);\n  border-radius: 20px;\n\n  box-shadow: 0 18px 45px rgba(11, 27, 77, .09);\n}\n\n\/* =========================================\n   LEFT CONTENT\n========================================= *\/\n\n.codebuddy-why-intro {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  min-height: 470px;\n  padding: 55px 40px 42px;\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(8, 22, 52, .48) 0%,\n      rgba(8, 22, 52, .73) 55%,\n      rgba(8, 22, 52, .91) 100%\n    ),\n    url(\"https:\/\/images.unsplash.com\/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=80\")\n    center \/ cover no-repeat;\n}\n\n.codebuddy-why-intro::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background: linear-gradient(\n    135deg,\n    rgba(0, 82, 217, .20),\n    transparent 65%\n  );\n}\n\n\/* Eyebrow *\/\n\n.codebuddy-why-eyebrow {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 20px;\n\n  font-family: monospace;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n\n  color: var(--tw-green);\n}\n\n.codebuddy-why-eyebrow::before {\n  content: \"\";\n  width: 20px;\n  height: 2px;\n  background: var(--tw-green);\n}\n\n\/* Heading *\/\n\n.codebuddy-why-title {\n  position: relative;\n  z-index: 2;\n\n  max-width: 500px;\n  margin: 0 0 16px;\n\n  font-size: clamp(28px, 3vw, 36px);\n  line-height: 1.12;\n  font-weight: 600 !important;\n  letter-spacing: -1px;\n\n  color: #FFFFFF;\n}\n\n\/* Description *\/\n\n.codebuddy-why-description {\n  position: relative;\n  z-index: 2;\n\n  max-width: 510px;\n  margin: 0 0 28px;\n\n  font-size: 15px;\n  line-height: 1.7;\n  font-weight: 400;\n\n  color: rgba(255, 255, 255, .78);\n}\n\n\/* =========================================\n   CTA BUTTON\n========================================= *\/\n\n.codebuddy-why-button {\n  position: relative;\n  z-index: 2;\n\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  min-height: 54px;\n  padding: 0 24px;\n\n  background: var(--tw-green);\n  color: #333333;\n\n  border: 1px solid rgba(255, 255, 255, .12);\n  border-radius: 9px;\n\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n\n  transition:\n    background .25s ease,\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.codebuddy-why-button:hover {\n  background: var(--tw-primary-hover);\n  color: #FFFFFF;\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 10px 24px rgba(0, 82, 217, .3);\n}\n\n.codebuddy-why-button-arrow {\n  font-size: 20px;\n  line-height: 1;\n\n  transition: transform .25s ease;\n}\n\n.codebuddy-why-button:hover .codebuddy-why-button-arrow {\n  transform: translateX(4px);\n}\n\n\/* =========================================\n   RIGHT BENEFITS\n========================================= *\/\n\n.codebuddy-why-benefits {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  background: #FFFFFF;\n}\n\n\/* Individual card *\/\n\n.codebuddy-why-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n  padding: 34px 30px 30px;\n  overflow: hidden;\n\n  background: linear-gradient(\n    180deg,\n    #FFFFFF 0%,\n    #FCFDFF 100%\n  );\n\n  border-left: 1px solid var(--tw-border);\n  border-bottom: 1px solid var(--tw-border);\n\n  transition:\n    background .3s var(--tw-ease),\n    border-color .3s var(--tw-ease),\n    box-shadow .3s var(--tw-ease);\n}\n\n\/* Top accent *\/\n\n.codebuddy-why-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    var(--tw-primary),\n    var(--tw-green)\n  );\n\n  transform: scaleX(0);\n  transform-origin: left;\n\n  transition: transform .35s var(--tw-ease);\n}\n\n.codebuddy-why-card:nth-child(1),\n.codebuddy-why-card:nth-child(2) {\n  border-bottom: 1px solid var(--tw-border);\n}\n\n.codebuddy-why-card:nth-child(3),\n.codebuddy-why-card:nth-child(4) {\n  border-bottom: none;\n}\n\n.codebuddy-why-card:hover {\n  background: linear-gradient(\n    180deg,\n    #F4FFF8 0%,\n    #FFFFFF 100%\n  );\n\n  border-color: rgba(0, 82, 217, .20);\n  box-shadow: 0 8px 22px rgba(0, 82, 217, .04);\n}\n\n.codebuddy-why-card:hover::before {\n  transform: scaleX(1);\n}\n\n\/* =========================================\n   ICON\n========================================= *\/\n\n.codebuddy-why-icon {\n  position: relative;\n  z-index: 1;\n\n  width: 45px;\n  height: 45px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  margin-bottom: 15px;\n\n  border: 1px solid rgba(0, 82, 217, .20);\n  border-radius: 9px;\n\n  background: var(--tw-light);\n  color: var(--tw-primary);\n\n  transition:\n    background .3s var(--tw-ease),\n    border-color .3s var(--tw-ease),\n    transform .3s var(--tw-ease);\n}\n\n.codebuddy-why-icon svg {\n  width: 21px;\n  height: 21px;\n  display: block;\n}\n\n.codebuddy-why-card:hover .codebuddy-why-icon {\n  background: #E8FFF2;\n  border-color: rgba(57, 250, 152, .65);\n  transform: translateY(-2px);\n}\n\n\/* =========================================\n   CARD TEXT\n========================================= *\/\n\n.codebuddy-why-card-title {\n  margin: 0 0 8px;\n\n  font-size: 15.5px;\n  line-height: 1.4;\n  font-weight: 600;\n\n  color: var(--tw-ink);\n\n  transition: color .25s ease;\n}\n\n.codebuddy-why-card:hover .codebuddy-why-card-title {\n  color: var(--tw-primary);\n}\n\n.codebuddy-why-card-description {\n  margin: 0;\n\n  font-size: 13.5px;\n  line-height: 1.7;\n  font-weight: 400;\n\n  color: var(--tw-muted);\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 900px) {\n  .codebuddy-why-wrapper {\n    grid-template-columns: 1fr;\n  }\n\n  .codebuddy-why-intro {\n    min-height: 420px;\n  }\n\n  .codebuddy-why-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .codebuddy-why-card:nth-child(odd) {\n    border-left: none;\n  }\n\n  .codebuddy-why-card:nth-child(3),\n  .codebuddy-why-card:nth-child(4) {\n    border-bottom: none;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n  .codebuddy-why {\n    width: 100%;\n  }\n\n  .codebuddy-why-wrapper {\n    border-radius: 16px;\n  }\n\n  .codebuddy-why-intro {\n    min-height: 440px;\n    padding: 38px 24px 28px;\n  }\n\n  .codebuddy-why-title {\n    font-size: 28px;\n    line-height: 1.15;\n  }\n\n  .codebuddy-why-description {\n    font-size: 14px;\n    margin-bottom: 24px;\n  }\n\n  .codebuddy-why-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .codebuddy-why-card {\n    min-height: auto;\n    padding: 28px 24px;\n\n    border-left: none;\n    border-bottom: 1px solid var(--tw-border) !important;\n  }\n\n  .codebuddy-why-card:last-child {\n    border-bottom: none !important;\n  }\n\n  .codebuddy-why-button {\n    min-height: 52px;\n  }\n}\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .codebuddy-why-button,\n  .codebuddy-why-button-arrow,\n  .codebuddy-why-card,\n  .codebuddy-why-card::before,\n  .codebuddy-why-icon,\n  .codebuddy-why-card-title {\n    transition: none;\n  }\n\n  .codebuddy-why-button:hover,\n  .codebuddy-why-card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"codebuddy-why\">\n  <div class=\"codebuddy-why-wrapper\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"codebuddy-why-intro\">\n      <h2 class=\"codebuddy-why-title\"><span class=\"ez-toc-section\" id=\"Why_Subscribe_to_Tencent_CodeBuddy_Through_IDstar\"><\/span>\n        Why Subscribe to Tencent CodeBuddy Through IDstar?\n      <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"codebuddy-why-description\">\n        IDstar helps businesses choose the right Tencent CodeBuddy solution based on developer needs and organizational license management requirements.\n      <\/p>\n\n      <a href=\"#contact-us\" class=\"codebuddy-why-button\">\n        <span>Contact Us<\/span>\n        <span class=\"codebuddy-why-button-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- RIGHT BENEFITS -->\n    <div class=\"codebuddy-why-benefits\">\n\n      <!-- 01 -->\n      <div class=\"codebuddy-why-card\">\n        <div class=\"codebuddy-why-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M12 2 2 7l10 5 10-5-10-5z\"\/>\n            <path d=\"M2 17l10 5 10-5\"\/>\n            <path d=\"M2 12l10 5 10-5\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3 class=\"codebuddy-why-card-title\"><span class=\"ez-toc-section\" id=\"Official_Tencent_Cloud_Reseller\"><\/span>\n          Official Tencent Cloud Reseller\n        <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"codebuddy-why-card-description\">\n          As a Tencent Cloud reseller partner, IDstar helps businesses explore Tencent CodeBuddy products and subscription options that fit their needs.\n        <\/p>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"codebuddy-why-card\">\n        <div class=\"codebuddy-why-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M16 18l6-6-6-6\"\/>\n            <path d=\"M8 6l-6 6 6 6\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3 class=\"codebuddy-why-card-title\"><span class=\"ez-toc-section\" id=\"Team_Licensing_Consultation\"><\/span>\n          Team Licensing Consultation\n        <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"codebuddy-why-card-description\">\n          Help businesses assess user requirements, compare subscription plans, and determine the right CodeBuddy setup for their development teams.\n        <\/p>\n      <\/div>\n\n      <!-- 03 -->\n      <div class=\"codebuddy-why-card\">\n        <div class=\"codebuddy-why-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/>\n            <path d=\"M12 12v5\"\/>\n            <path d=\"M9.5 14.5 12 17l2.5-2.5\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3 class=\"codebuddy-why-card-title\"><span class=\"ez-toc-section\" id=\"License_Procurement_Payment\"><\/span>\n          License Procurement &amp; Payment\n        <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"codebuddy-why-card-description\">\n          Support the license procurement process and coordinate billing based on the agreed subscription terms.\n        <\/p>\n      <\/div>\n\n      <!-- 04 -->\n      <div class=\"codebuddy-why-card\">\n        <div class=\"codebuddy-why-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3 class=\"codebuddy-why-card-title\"><span class=\"ez-toc-section\" id=\"Subscription_Renewal\"><\/span>\n          Subscription Renewal\n        <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"codebuddy-why-card-description\">\n          Help businesses plan subscription renewals and reassess licensing needs as their teams grow and evolve.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a89c12 elementor-widget elementor-widget-spacer\" data-id=\"4a89c12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-67e241d3 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"67e241d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5c7d151c e-con-full e-flex e-con e-child\" data-id=\"5c7d151c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b458794 elementor-widget elementor-widget-html\" data-id=\"2b458794\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================\n   TENCENT CODEBUDDY - CTA BANNER\n============================================ *\/\n\n.codebuddy-cta-banner {\n    --cta-primary: #0052D9;\n    --cta-hover: #0047BD;\n    --cta-light: #DDE9FF;\n    --cta-green: #39FA98;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    width: 100%;\n    padding: 40px;\n    border-radius: 12px;\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 30px;\n\n background: linear-gradient(\n        115deg,\n        #0052D9 0%,\n        #0867D0 55%,\n        #0D79C8 100%\n    );\n\n    font-family: \"Poppins\", Arial, sans-serif;\n    box-sizing: border-box;\n}\n\n.codebuddy-cta-banner *,\n.codebuddy-cta-banner *::before,\n.codebuddy-cta-banner *::after {\n    box-sizing: border-box;\n}\n\n\/* ============================================\n   BACKGROUND DECORATION\n============================================ *\/\n\n.codebuddy-cta-banner::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n\n    width: 300px;\n    height: 300px;\n\n    background: rgba(57, 250, 152, .22);\n    border: 0px solid rgba(255, 255, 255, .18);\n    border-radius: 50%;\n\n    top: -120px;\n    right: -100px;\n\n    pointer-events: none;\n}\n\n.codebuddy-cta-banner::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n\n    width: 180px;\n    height: 180px;\n\n    background: rgba(57, 250, 152, .20);\n    border: 0px solid rgba(57, 250, 152, .30);\n    border-radius: 50%;\n\n    bottom: -90px;\n    left: 38%;\n\n    pointer-events: none;\n}\n\n\/* ============================================\n   LEFT CONTENT\n============================================ *\/\n\n.codebuddy-cta-text {\n    flex: 1;\n    min-width: 0;\n\n    position: relative;\n    z-index: 1;\n}\n\n\/* Heading *\/\n\n.codebuddy-cta-banner h3 {\n    position: relative;\n\n    color: #FFFFFF !important;\n\n    font-size: 28px;\n    font-weight: 600;\n    line-height: 1.35;\n    letter-spacing: -.4px;\n\n    margin: 0 0 12px;\n}\n\n.codebuddy-cta-banner h3::before {\n    content: \"\";\n    display: block;\n\n    width: 38px;\n    height: 3px;\n\n    margin-bottom: 16px;\n\n    background: var(--cta-green);\n    border-radius: 10px;\n}\n\n\/* Description *\/\n\n.codebuddy-cta-banner p {\n    color: rgba(255, 255, 255, .90);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.7;\n\n    margin: 0;\n    max-width: 680px;\n}\n\n\/* ============================================\n   CTA BUTTON\n============================================ *\/\n\n.codebuddy-cta-button {\n    position: relative;\n    z-index: 1;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    min-width: 170px;\n    padding: 15px 28px;\n\n    background: #FFFFFF;\n    color: var(--cta-primary) !important;\n\n    border: 1px solid #FFFFFF;\n    border-radius: 10px;\n\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.4;\n\n    text-decoration: none !important;\n    white-space: nowrap;\n    cursor: pointer;\n\n    box-shadow: 0 4px 15px rgba(0, 32, 100, .15);\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n.codebuddy-cta-button:hover {\n    background: var(--cta-light);\n    color: var(--cta-hover) !important;\n\n    transform: translateY(-2px);\n\n    box-shadow: 0 7px 20px rgba(0, 32, 100, .22);\n}\n\n.codebuddy-cta-button:focus-visible {\n    outline: 3px solid var(--cta-green);\n    outline-offset: 4px;\n}\n\n\/* ============================================\n   TABLET\n============================================ *\/\n\n@media (max-width: 1024px) {\n    .codebuddy-cta-banner {\n        padding: 36px 30px;\n        gap: 24px;\n    }\n\n    .codebuddy-cta-banner h3 {\n        font-size: 25px;\n    }\n\n    .codebuddy-cta-banner p {\n        font-size: 15px;\n    }\n\n    .codebuddy-cta-button {\n        min-width: 155px;\n        padding: 14px 24px;\n    }\n}\n\n\/* ============================================\n   MOBILE\n============================================ *\/\n\n@media (max-width: 767px) {\n    .codebuddy-cta-banner {\n        flex-direction: column;\n        align-items: stretch;\n\n        padding: 28px 20px;\n        gap: 24px;\n\n        text-align: center;\n        border-radius: 12px;\n    }\n\n    .codebuddy-cta-text {\n        width: 100%;\n        flex: none;\n    }\n\n    .codebuddy-cta-banner h3 {\n        font-size: 22px;\n        line-height: 1.4;\n        margin-bottom: 12px;\n    }\n\n    .codebuddy-cta-banner h3::before {\n        margin: 0 auto 16px;\n    }\n\n    .codebuddy-cta-banner p {\n        font-size: 14px;\n        line-height: 1.7;\n        max-width: 100%;\n    }\n\n    .codebuddy-cta-button {\n        width: 100%;\n        min-width: 0;\n        padding: 14px 24px;\n        font-size: 14px;\n    }\n\n    .codebuddy-cta-banner::before {\n        width: 220px;\n        height: 220px;\n\n        top: -100px;\n        right: -100px;\n    }\n\n    .codebuddy-cta-banner::after {\n        width: 130px;\n        height: 130px;\n\n        bottom: -60px;\n        left: -40px;\n    }\n}\n\n\/* ============================================\n   SMALL MOBILE\n============================================ *\/\n\n@media (max-width: 400px) {\n    .codebuddy-cta-banner {\n        padding: 26px 18px;\n    }\n\n    .codebuddy-cta-banner h3 {\n        font-size: 20px;\n    }\n\n    .codebuddy-cta-banner p {\n        font-size: 13px;\n    }\n}\n\n\/* ============================================\n   REDUCED MOTION\n============================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .codebuddy-cta-button {\n        transition: none;\n    }\n\n    .codebuddy-cta-button:hover {\n        transform: none;\n    }\n}\n<\/style>\n\n<section\n    class=\"codebuddy-cta-banner\"\n    aria-labelledby=\"codebuddy-cta-title\"\n>\n    <div class=\"codebuddy-cta-text\">\n        <h3 id=\"codebuddy-cta-title\"><span class=\"ez-toc-section\" id=\"Ready_to_Boost_Developer_Productivity_with_Tencent_CodeBuddy\"><\/span>\n            Ready to Boost Developer Productivity with Tencent CodeBuddy?\n        <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p>\n            Optimize software development processes with Tencent CodeBuddy. Explore the right subscription plan for your team through a demo and licensing consultation with IDstar.\n        <\/p>\n    <\/div>\n\n    <a href=\"#contact-us\" class=\"codebuddy-cta-button\">\n        Contact Us\n    <\/a>\n<\/section>\t\t\t\t<\/div>\n\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-51951090 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"51951090\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-70278150 e-con-full tencent-faq e-flex e-con e-child\" data-id=\"70278150\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-551b1404 e-flex e-con-boxed e-con e-child\" data-id=\"551b1404\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40c353f elementor-widget elementor-widget-heading\" data-id=\"40c353f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions_FAQ\"><\/span>Frequently Asked Questions (FAQ)<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51a1ef45 elementor-widget elementor-widget-n-accordion\" data-id=\"51a1ef45\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1360\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1360\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What is the difference between CodeBuddy IDE, Plugin, and CLI?\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1360\" class=\"elementor-element elementor-element-5d27b4ac e-con-full e-flex e-con e-child\" data-id=\"5d27b4ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa89e39 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3fa89e39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCodeBuddy IDE is an AI-powered development environment, CodeBuddy Plugin integrates AI coding assistance into existing code editors, and CodeBuddy Code (CLI) lets engineers run coding tasks directly from the terminal.\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1361\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1361\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What programming languages does Tencent CodeBuddy support?\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1361\" class=\"elementor-element elementor-element-5e2e1a7c e-con-full e-flex e-con e-child\" data-id=\"5e2e1a7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-190c5063 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"190c5063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTencent CodeBuddy supports a wide range of popular programming languages, including Python, JavaScript, Dart, TypeScript, Java, C\/C++, Go, C#, PHP, Kotlin, Swift, and Rust.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1362\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1362\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can Tencent CodeBuddy help with debugging and testing?\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1362\" class=\"elementor-element elementor-element-3dd267db e-con-full e-flex e-con e-child\" data-id=\"3dd267db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac2ba09 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5ac2ba09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tYes. CodeBuddy can help analyze errors, suggest code fixes, and generate unit tests. However, developers should still review and validate the results.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1363\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1363\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Is Tencent CodeBuddy safe for corporate code? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1363\" class=\"elementor-element elementor-element-a0a5ad0 e-flex e-con-boxed e-con e-child\" data-id=\"a0a5ad0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d7ec721 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2d7ec721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCodeBuddy menyediakan kontrol keamanan dan izin akses, termasuk operasi file dan perintah CLI. Perusahaan tetap perlu mengevaluasi keamanan data, akses repository, dan konfigurasi sebelum digunakan untuk kode sensitif.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1364\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1364\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Is Tencent CodeBuddy safe to use with company code?\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1364\" class=\"elementor-element elementor-element-3d049436 e-flex e-con-boxed e-con e-child\" data-id=\"3d049436\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e9387f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"48e9387f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tYes. CodeBuddy provides security controls and access permissions for file operations and CLI commands. Businesses should still evaluate data security, repository access, and configuration settings before using it with sensitive code.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1365\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1365\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can Tencent CodeBuddy be used with existing projects?\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1365\" class=\"elementor-element elementor-element-8ceab07 e-flex e-con-boxed e-con e-child\" data-id=\"8ceab07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5564d5e0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5564d5e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tYes. CodeBuddy helps developers understand and work with existing codebases using project context and compatible development tool integrations.\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1366\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1366\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How can businesses subscribe to Tencent CodeBuddy through IDstar?\t\t\t <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1366\" class=\"elementor-element elementor-element-48a1f32d e-flex e-con-boxed e-con e-child\" data-id=\"48a1f32d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc0042e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"bc0042e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBusinesses can contact IDstar to discuss developer needs, licensing requirements, subscription options, and the procurement process for Tencent CodeBuddy.\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e0d8fd1 elementor-widget elementor-widget-spacer\" data-id=\"5e0d8fd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-8885c88 e-flex e-con-boxed e-con e-parent\" data-id=\"8885c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-08b01c8 e-con-full e-flex e-con e-child\" data-id=\"08b01c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6854708 elementor-widget elementor-widget-template\" data-id=\"6854708\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"35730\" class=\"elementor elementor-35730\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aaa397c e-flex e-con-boxed e-con e-parent\" data-id=\"2aaa397c\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact-us\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6c2e00c e-con-full e-flex e-con e-child\" data-id=\"6c2e00c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d73e5e elementor-widget elementor-widget-wpforms\" data-id=\"5d73e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-5d73e5e\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-5d73e5e {\n\t\t\t\t--wpforms-button-background-color: #EA242A;\n--wpforms-button-size-font-size: 20px;\n--wpforms-button-size-height: 48px;\n--wpforms-button-size-padding-h: 20px;\n--wpforms-button-size-margin-top: 15px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-585\"><form id=\"wpforms-form-585\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"585\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/id\/wp-json\/wp\/v2\/pages\/45389\" data-token=\"52b7bf8543728608615c7369fbc6881c\" data-token-time=\"1793578019\"><div class=\"wpforms-head-container\"><div class=\"wpforms-title\">Contact Us<\/div><div class=\"wpforms-description\">Don\u2019t have time to call? Send your enquiry to the\u00a0IDStar team and we\u2019ll get back to you quickly. If you do not receive a response, please reach out via WhatsApp.<\/div><\/div><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-585-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_0\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-585-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" placeholder=\"Enter Name\" aria-errormessage=\"wpforms-585-field_0-error\" required><\/div>\t\t<div id=\"wpforms-585-field_3-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"3\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-585-field_3\" >any Name already<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-585-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-585-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_1\">Business Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-585-field_1\" class=\"wpforms-field-large wpforms-field-required\" data-rule-restricted-email=\"1\" name=\"wpforms[fields][1]\" placeholder=\"Enter Business Email\" spellcheck=\"false\" aria-errormessage=\"wpforms-585-field_1-error\" required><\/div><div id=\"wpforms-585-field_6-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_6\">Company Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-585-field_6\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][6]\" placeholder=\"Enter Company Name\" aria-errormessage=\"wpforms-585-field_6-error\" required><\/div><div id=\"wpforms-585-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_9\">Phone Number <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-585-field_9\" class=\"wpforms-field-large wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" placeholder=\"Enter Phone Number\" aria-label=\"Phone Number\" aria-errormessage=\"wpforms-585-field_9-error\" required><\/div><div id=\"wpforms-585-field_8-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_8\">How to urgent is your IT Solutions need? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-585-field_8\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][8]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>-- Please Select --<\/option><option value=\"Immediately (within 1 month)\"  class=\"choice-1 depth-1\"  >Immediately (within 1 month)<\/option><option value=\"1\u20136 months\"  class=\"choice-2 depth-1\"  >1\u20136 months<\/option><option value=\"More than 6 months\"  class=\"choice-3 depth-1\"  >More than 6 months<\/option><option value=\"Still exploring (no defined timeline)\"  class=\"choice-4 depth-1\"  >Still exploring (no defined timeline)<\/option><\/select><\/div><div id=\"wpforms-585-field_12-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"12\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_12\">Does your company already have a budget allocation? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-585-field_12\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][12]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>-- Please Select --<\/option><option value=\"Budget already allocated\"  class=\"choice-1 depth-1\"  >Budget already allocated<\/option><option value=\"Need management approval\"  class=\"choice-2 depth-1\"  >Need management approval<\/option><option value=\"Still under consideration\"  class=\"choice-3 depth-1\"  >Still under consideration<\/option><\/select><\/div><div id=\"wpforms-585-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-585-field_2\">Tell us about your needs or any questions you have? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-585-field_2\" class=\"wpforms-field-small wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-585-field_2-error\" required><\/textarea><\/div><div id=\"wpforms-585-field_10-container\" class=\"wpforms-field wpforms-field-gdpr-checkbox\" data-field-type=\"gdpr-checkbox\" data-field-id=\"10\"><label class=\"wpforms-field-label\">Checkboxes <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><ul id=\"wpforms-585-field_10\" class=\"wpforms-field-required\"><li class=\"choice-1\"><input type=\"checkbox\" id=\"wpforms-585-field_10_1\" name=\"wpforms[fields][10][]\" value=\"I acknowledge receipt of our &lt;a href=&quot;https:\/\/idstar.co.id\/privacy-policy\/&quot; target=&quot;_blank&quot;&gt; Privacy Policy &lt;\/a&gt;. Your data will be stored in our system and will not be shared.\" aria-errormessage=\"wpforms-585-field_10_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-585-field_10_1\">I acknowledge receipt of our <a href=\"https:\/\/idstar.co.id\/privacy-policy\/\" target=\"_blank\"> Privacy Policy <\/a>. Your data will be stored in our system and will not be shared.<\/label><\/li><\/ul><\/div><div id=\"wpforms-585-field_14-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-type=\"checkbox\" data-field-id=\"14\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">Subscription<\/legend><ul id=\"wpforms-585-field_14\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-585-field_14_1\" name=\"wpforms[fields][14][]\" value=\"Keep me updated with the latest news, solutions, and special offers\" aria-errormessage=\"wpforms-585-field_14_1-error\"  ><label class=\"wpforms-field-label-inline\" for=\"wpforms-585-field_14_1\">Keep me updated with the latest news, solutions, and special offers<\/label><\/li><\/ul><\/fieldset><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-585-field_3-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-585-field_3-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-585-field_3-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v2\" ><div class=\"g-recaptcha\" data-sitekey=\"6LesOgErAAAAAGoN0lBRLXst1shwCSxUEmrU6zFG\"><\/div><input type=\"text\" name=\"g-recaptcha-hidden\" class=\"wpforms-recaptcha-hidden\" style=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\" data-rule-recaptcha=\"1\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"585\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1793578019.f0f0434cded949bf00df03cbd791932b1dc57e6a3f37fbfcac6301110d48e1a1\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages\/45389\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-585\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit message\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit message<\/button><img decoding=\"async\" src=\"https:\/\/idstar.co.id\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-278ccb78 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"278ccb78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6af2623a elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"6af2623a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1-1024x1024.png\" class=\"attachment-large size-large wp-image-680\" alt=\"\" srcset=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1-1024x1024.png 1024w, https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1-300x300.png 300w, https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1-150x150.png 150w, https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1-768x768.png 768w, https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/01\/3-1.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-784888f6 e-con-full e-flex e-con e-child\" data-id=\"784888f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-506ee40d elementor-widget elementor-widget-heading\" data-id=\"506ee40d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Your_Vision_Our_Tech_%E2%80%94_Lets_Build_the_Future\"><\/span>Your Vision, Our Tech \u2014 Let\u2019s Build the Future<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15c0aba8 elementor-widget elementor-widget-text-editor\" data-id=\"15c0aba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Get in touch for our services &amp; solutions tailored to accelerate your business.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Tencent CodeBuddy: An AI Coding Assistant for Faster Software Development Streamline software development with Tencent CodeBuddy, an AI coding assistant that helps developers write code, detect bugs, review code, and run tests more efficiently. Request Plan See Details \u2192 IDstar, Your Tencent Cloud Partner for CodeBuddy Subscriptions in Indonesia IDstar helps businesses choose the right [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":45036,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-45389","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.8 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>AI Coding Assistant \u2013 Tencent CodeBuddy - IDstar<\/title>\n<meta name=\"description\" content=\"Accelerate software development with Tencent CodeBuddy, an AI coding assistant for code generation, debugging, and testing. Get CodeBuddy through IDstar.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/idstar.co.id\/id\/services\/cloud-services\/ai-coding\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI Coding Assistant \u2013 Tencent CodeBuddy\" \/>\n<meta property=\"og:description\" content=\"Accelerate software development with Tencent CodeBuddy, an AI coding assistant for code generation, debugging, and testing. Get CodeBuddy through IDstar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/idstar.co.id\/id\/services\/cloud-services\/ai-coding\/\" \/>\n<meta property=\"og:site_name\" content=\"IDstar\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/idstar.id\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T09:52:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/\",\"url\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/\",\"name\":\"AI Coding Assistant \u2013 Tencent CodeBuddy - IDstar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/idstar.co.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Mock-up-Codebuddy-scaled.webp\",\"datePublished\":\"2026-10-22T06:01:57+00:00\",\"dateModified\":\"2026-10-27T09:52:59+00:00\",\"description\":\"Accelerate software development with Tencent CodeBuddy, an AI coding assistant for code generation, debugging, and testing. Get CodeBuddy through IDstar.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/#primaryimage\",\"url\":\"https:\\\/\\\/idstar.co.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Mock-up-Codebuddy-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/idstar.co.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Mock-up-Codebuddy-scaled.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/ai-coding\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/idstar.co.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cloud Infrastructure &#038; AI Solutions for Business\",\"item\":\"https:\\\/\\\/idstar.co.id\\\/services\\\/cloud-services\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"AI Coding Assistant \u2013 Tencent CodeBuddy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#website\",\"url\":\"https:\\\/\\\/idstar.co.id\\\/\",\"name\":\"IDstar\",\"description\":\"IT Consulting &amp; Intelligent Automation Jakarta\",\"publisher\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#organization\"},\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#organization\",\"name\":\"IDstar\",\"url\":\"https:\\\/\\\/idstar.co.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/idstar.co.id\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Logo-IDstar-icon-web-ID.webp\",\"contentUrl\":\"https:\\\/\\\/idstar.co.id\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Logo-IDstar-icon-web-ID.webp\",\"width\":512,\"height\":512,\"caption\":\"IDstar\"},\"image\":{\"@id\":\"https:\\\/\\\/idstar.co.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/web.facebook.com\\\/idstar.id\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pt-idstar-cipta-teknologi\\\/\",\"https:\\\/\\\/www.instagram.com\\\/idstar.id\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@idstarciptateknologi\\\/\",\"https:\\\/\\\/www.goodfirms.co\\\/company\\\/pt-idstar-cipta-teknologi\"],\"description\":\"IDstar adalah penyedia solusi IT dan talenta teknologi terkemuka yang berfokus pada IT Outsourcing, headhunting, dan intelligent automation. Kami membantu perusahaan mempercepat transformasi digital melalui tim teknologi yang skalabel, solusi berbasis AI, dan otomasi proses seperti RPA dan Intelligent Document Processing. Dengan jaringan lebih dari 1.200 profesional IT yang telah diseleksi dan proses onboarding cepat mulai dari 7 hari, IDstar mendukung perusahaan dalam membangun tim berkinerja tinggi dan mendorong pertumbuhan berbasis teknologi.\",\"email\":\"hello@idstar.group\",\"telephone\":\"+6281398146423\",\"legalName\":\"PT IDstar Cipta Teknologi\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"201\",\"maxValue\":\"500\"},\"foundingDate\":\"2018\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"The Bellagio Mansion, Jl. DR. Ide Anak Agung Gde Agung, Kuningan, Kec. Setiabudi\",\"addressLocality\":\"Jakarta Selatan\",\"addressRegion\":\"DKI Jakarta\",\"postalCode\":\"12950\",\"addressCountry\":\"ID\"},\"areaServed\":[{\"@type\":\"Country\",\"name\":\"Indonesia\"},{\"@type\":\"Country\",\"name\":\"Singapore\"},{\"@type\":\"Country\",\"name\":\"Australia\"},{\"@type\":\"Country\",\"name\":\"United States\"}],\"knowsAbout\":[\"IT Outsourcing Indonesia\",\"IT Staff Augmentation\",\"Offshore Software Development\",\"IT Headhunter Jakarta\",\"Robotic Process Automation\",\"Agentic AI Automation\",\"Intelligent Document Processing\",\"Tax Automation Indonesia\",\"Custom Software Development Indonesia\",\"Digital Transformation Consulting\",\"UiPath Implementation\",\"Enterprise IT Services\"],\"hasCertification\":[{\"@type\":\"Certification\",\"name\":\"ISO 9001:2015 Quality Management System\"},{\"@type\":\"Certification\",\"name\":\"ISO\\\/IEC 27001:2022 Information Security Management\"}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"AI Coding Assistant \u2013 Tencent CodeBuddy - IDstar","description":"Percepat pengembangan software dengan Tencent CodeBuddy, AI Coding Assistant untuk code generation, debugging, dan testing. Dapatkan CodeBuddy melalui IDstar.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/idstar.co.id\/id\/services\/cloud-services\/ai-coding\/","og_locale":"id_ID","og_type":"article","og_title":"AI Coding Assistant \u2013 Tencent CodeBuddy","og_description":"Accelerate software development with Tencent CodeBuddy, an AI coding assistant for code generation, debugging, and testing. Get CodeBuddy through IDstar.","og_url":"https:\/\/idstar.co.id\/id\/services\/cloud-services\/ai-coding\/","og_site_name":"IDstar","article_publisher":"https:\/\/web.facebook.com\/idstar.id\/","article_modified_time":"2026-10-27T09:52:59+00:00","og_image":[{"url":"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"9 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/","url":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/","name":"AI Coding Assistant \u2013 Tencent CodeBuddy - IDstar","isPartOf":{"@id":"https:\/\/idstar.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/#primaryimage"},"image":{"@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/#primaryimage"},"thumbnailUrl":"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp","datePublished":"2026-10-22T06:01:57+00:00","dateModified":"2026-10-27T09:52:59+00:00","description":"Percepat pengembangan software dengan Tencent CodeBuddy, AI Coding Assistant untuk code generation, debugging, dan testing. Dapatkan CodeBuddy melalui IDstar.","breadcrumb":{"@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/#primaryimage","url":"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp","contentUrl":"https:\/\/idstar.co.id\/wp-content\/uploads\/2026\/10\/Mock-up-Codebuddy-scaled.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/idstar.co.id\/services\/cloud-services\/ai-coding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/idstar.co.id\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/idstar.co.id\/services\/"},{"@type":"ListItem","position":3,"name":"Cloud Infrastructure &#038; AI Solutions for Business","item":"https:\/\/idstar.co.id\/services\/cloud-services\/"},{"@type":"ListItem","position":4,"name":"AI Coding Assistant \u2013 Tencent CodeBuddy"}]},{"@type":"WebSite","@id":"https:\/\/idstar.co.id\/#website","url":"https:\/\/idstar.co.id\/","name":"IDstar","description":"IT Consulting &amp; Intelligent Automation Jakarta","publisher":{"@id":"https:\/\/idstar.co.id\/#organization"},"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/idstar.co.id\/#organization","name":"IDstar","url":"https:\/\/idstar.co.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/idstar.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/12\/Logo-IDstar-icon-web-ID.webp","contentUrl":"https:\/\/idstar.co.id\/wp-content\/uploads\/2025\/12\/Logo-IDstar-icon-web-ID.webp","width":512,"height":512,"caption":"IDstar"},"image":{"@id":"https:\/\/idstar.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/idstar.id\/","https:\/\/www.linkedin.com\/company\/pt-idstar-cipta-teknologi\/","https:\/\/www.instagram.com\/idstar.id\/","https:\/\/www.youtube.com\/@idstarciptateknologi\/","https:\/\/www.goodfirms.co\/company\/pt-idstar-cipta-teknologi"],"description":"IDstar adalah penyedia solusi IT dan talenta teknologi terkemuka yang berfokus pada IT Outsourcing, headhunting, dan intelligent automation. Kami membantu perusahaan mempercepat transformasi digital melalui tim teknologi yang skalabel, solusi berbasis AI, dan otomasi proses seperti RPA dan Intelligent Document Processing. Dengan jaringan lebih dari 1.200 profesional IT yang telah diseleksi dan proses onboarding cepat mulai dari 7 hari, IDstar mendukung perusahaan dalam membangun tim berkinerja tinggi dan mendorong pertumbuhan berbasis teknologi.","email":"hello@idstar.group","telephone":"+6281398146423","legalName":"PT IDstar Cipta Teknologi","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"201","maxValue":"500"},"foundingDate":"2018","address":{"@type":"PostalAddress","streetAddress":"The Bellagio Mansion, Jl. DR. Ide Anak Agung Gde Agung, Kuningan, Kec. Setiabudi","addressLocality":"Jakarta Selatan","addressRegion":"DKI Jakarta","postalCode":"12950","addressCountry":"ID"},"areaServed":[{"@type":"Country","name":"Indonesia"},{"@type":"Country","name":"Singapore"},{"@type":"Country","name":"Australia"},{"@type":"Country","name":"United States"}],"knowsAbout":["IT Outsourcing Indonesia","IT Staff Augmentation","Offshore Software Development","IT Headhunter Jakarta","Robotic Process Automation","Agentic AI Automation","Intelligent Document Processing","Tax Automation Indonesia","Custom Software Development Indonesia","Digital Transformation Consulting","UiPath Implementation","Enterprise IT Services"],"hasCertification":[{"@type":"Certification","name":"ISO 9001:2015 Quality Management System"},{"@type":"Certification","name":"ISO\/IEC 27001:2022 Information Security Management"}]}]}},"_links":{"self":[{"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages\/45389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/comments?post=45389"}],"version-history":[{"count":1,"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages\/45389\/revisions"}],"predecessor-version":[{"id":45610,"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages\/45389\/revisions\/45610"}],"up":[{"embeddable":true,"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/pages\/45036"}],"wp:attachment":[{"href":"https:\/\/idstar.co.id\/id\/wp-json\/wp\/v2\/media?parent=45389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}