{"id":15028,"date":"2026-03-02T10:28:03","date_gmt":"2026-03-02T10:28:03","guid":{"rendered":"https:\/\/www.syncfusion.com\/code-studio\/?page_id=15028"},"modified":"2026-04-02T14:13:42","modified_gmt":"2026-04-02T14:13:42","slug":"pricing","status":"publish","type":"page","link":"https:\/\/www.syncfusion.com\/code-studio\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15028\" class=\"elementor elementor-15028\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f38ed51 e-flex e-con-boxed e-con e-parent\" data-id=\"f38ed51\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d05d7a topbar-icons elementor-widget elementor-widget-elementskit-stylish-list\" data-id=\"1d05d7a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-stylish-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t<ul class=\"ekit-stylish-list list-inline\" >\n\t\t\t\t\t\t\t<li class=\"ekit-stylish-list-content-wrapper elementor-repeater-item-9176c3a\" >\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"ekit-wrapper-link\" href=\"https:\/\/www.syncfusion.com\/code-studio\/request-demo\/\" aria-label=\"Code-Studio Request Demo\"><\/a>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-icon\">\t\t\t\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><g clip-path=\"url(#clip0_1000_1600)\"><path d=\"M5.60651 13.6517C8.12914 12.5687 10.2283 10.5215 11.017 9.55503C12.034 8.16517 12.3004 6.28428 12.3065 5.51757C12.3458 4.98342 12.4567 4.7286 12.5072 4.66796C13.0725 4.09442 13.6982 4.83074 13.9404 5.27059L16.5183 10.6598M5.60651 13.6517C5.36167 13.7568 5.11284 13.8529 4.86083 13.9379C3.62175 14.3555 1.14784 15.7204 1.16478 17.8391C1.13652 19.2021 1.92747 21.7333 5.31738 20.9536C5.46892 20.8731 5.63258 20.7882 5.8068 20.6999M5.60651 13.6517L8.43082 19.493M8.43082 19.493C8.35839 19.5231 8.28634 19.5534 8.21472 19.5837M8.43082 19.493C9.03735 19.2405 9.67081 18.9955 10.3045 18.7762C12.2341 18.1085 14.1658 17.68 15.346 18.0122C16.1064 18.1454 17.8785 18.6835 18.8835 19.7705C19.2639 20.0493 20.108 20.3344 20.4413 19.2442C20.4504 19.0014 20.37 18.39 19.9756 17.8872L17.6397 13.0041M5.8068 20.6999L8.43082 26.045C8.7163 26.4712 9.97543 26.4492 10.7253 25.6994C10.8853 25.519 11.0636 24.9343 10.4967 24.0381L8.85867 20.8407L8.21472 19.5837M5.8068 20.6999C6.48129 20.3579 7.31406 19.965 8.21472 19.5837M16.5183 10.6598C16.9745 10.4585 17.9976 10.2669 18.4409 11.1107C18.6576 11.5446 18.8008 12.5309 17.6397 13.0041M16.5183 10.6598L17.6397 13.0041\" stroke=\"#3C4961\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M18.9082 7.23987L21.978 1.67578\" stroke=\"#3C4961\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M20.4445 10.1155L25.8851 6.83176\" stroke=\"#3C4961\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><path d=\"M20.5909 13.3693L26.8311 14.57\" stroke=\"#3C4961\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path><\/g><defs><clipPath id=\"clip0_1000_1600\"><rect width=\"28\" height=\"28\" fill=\"white\"><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-text\">\n\t\t\t\t\t\t\t<span class=\"ekit-stylish-list-content-title\">Find the Right Plan with a Guided Demo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-badge\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-inline-editing\">Request Demo<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3c3205 e-con-full e-flex e-con e-child\" data-id=\"d3c3205\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e3d7458 e-con-full e-flex e-con e-child\" data-id=\"e3d7458\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5ed79 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"fc5ed79\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h1 class=\"ekit-heading--title elementskit-section-title \">Simple and <span><span>Transparent<\/span><\/span> Pricing<\/h1>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<div class=\"scriptor-paragraph\">\n<p>Begin with Code Studio for free and easily upgrade as your organization grows.<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\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<div class=\"elementor-element elementor-element-4e2bb4a e-con-full e-flex e-con e-child\" data-id=\"4e2bb4a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-244b631 elementor-widget elementor-widget-html\" data-id=\"244b631\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --bg-bottom: #ffffff;\r\n        --surface: #ffffff;\r\n        --text-main: #1a1a1a;\r\n        --text-muted: #475569;\r\n        ;\r\n        --line: #dce1eb;\r\n        --line-strong: #d5deec;\r\n        --primary: #0057ff;\r\n        --primary-soft: #F0F5FF;\r\n        ;\r\n        --success-bg: #d8fed8;\r\n        --success-text: #0A720B;\r\n    }\r\n\r\n    .toggle-wrap {\r\n        margin: 0 auto 0;\r\n        width: max-content;\r\n        border: 1px solid #cfd7e6;\r\n        border-radius: 12px;\r\n        background: rgba(233, 241, 255, 0.5);\r\n        padding: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .toggle {\r\n        border: 0;\r\n        background: transparent;\r\n        color: #0f172a;\r\n        border-radius: 12px;\r\n        padding: 9px 24px;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        line-height: 30px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        cursor: pointer;\r\n        transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\r\n    }\r\n\r\n    .toggle.active {\r\n        background: #fff;\r\n        border: 1px solid #d7dde8;\r\n        border-radius: 6px;\r\n        color: #0f172a;\r\n        box-shadow: 0 0 6px 4px #e8ecf5;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .badge {\r\n        background: #eef2f6;\r\n        border: 1px solid #dfe5ee;\r\n        color: #6b7280;\r\n        border-radius: 4px;\r\n        padding: 3px 7px;\r\n        font-size: 14px;\r\n        font-style: italic;\r\n        font-weight: 700;\r\n        line-height: 20px;\r\n        transition: transform 220ms ease, opacity 220ms ease, background-color 220ms ease, color 220ms ease, border-color 220ms ease;\r\n    }\r\n\r\n    .toggle.active .badge {\r\n        background: var(--success-bg);\r\n        border-color: #d9f4d9;\r\n        color: var(--success-text);\r\n    }\r\n\r\n    .pricing-grid {\r\n        margin: 56px auto 0;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .card {\r\n        background: #fff;\r\n        border: 1px solid var(--line);\r\n        border-radius: 16px;\r\n        padding: 24px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .card.popular {\r\n        border-color: var(--primary);\r\n    }\r\n\r\n    .popular-tag {\r\n        position: absolute;\r\n        top: -1px;\r\n        right: -1px;\r\n        background: var(--primary);\r\n        color: #fff;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        line-height: 24px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.7px;\r\n        border-bottom-left-radius: 12px;\r\n        padding: 6px 18px;\r\n    }\r\n\r\n    .plan-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n    .plan-name {\r\n        margin: 20px 0 12px;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        line-height: 30px;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .desc {\r\n        margin: 0;\r\n        color: var(--text-muted);\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .seat {\r\n        margin-top: 24px;\r\n        border: 1px solid var(--line);\r\n        border-radius: 8px;\r\n        min-height: 48px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 12px 16px;\r\n        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);\r\n        color: var(--text-muted);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 24px;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n\r\n    }\r\n\r\n    .seat-value {\r\n        flex: 1;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .seat-trigger {\r\n        width: 100%;\r\n        margin-top: 0;\r\n        background: #fff;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .seat img {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .seat-dropdown {\r\n        margin-top: 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .seat-dropdown .seat {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .seat-dropdown .seat-menu {\r\n        display: none;\r\n        position: absolute;\r\n        top: calc(100% + 6px);\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0;\r\n        padding: 6px;\r\n        list-style: none;\r\n        background: #fff;\r\n        border: 1px solid var(--line);\r\n        border-radius: 8px;\r\n        box-shadow: 0 8px 18px rgba(16, 24, 40, 0.1);\r\n        z-index: 20;\r\n    }\r\n\r\n    .seat-dropdown.open .seat-menu {\r\n        display: block;\r\n    }\r\n\r\n    .seat-dropdown .seat-menu li {\r\n        padding: 10px;\r\n        border-radius: 6px;\r\n        font-size: 14px;\r\n        line-height: 20px;\r\n        color: var(--text-muted);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .seat-dropdown .seat-menu li:hover {\r\n        background: var(--primary-soft);\r\n    }\r\n\r\n    .price-line {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* NEW: strikethrough original price *\/\r\n    .price-original {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #8c8c8c;\r\n        text-decoration: line-through;\r\n        line-height: 26px;\r\n        margin: 24px 0 0;\r\n        display: none; \/* hidden by default; JS shows it on yearly *\/\r\n        min-height: 30px;\r\n    }\r\n\r\n    .price {\r\n        font-size: 48px;\r\n        font-weight: 700;\r\n        color: #1A1A1A;\r\n        line-height: 60px;\r\n        letter-spacing: -0.96px;\r\n        margin: 0;\r\n    }\r\n\r\n    .equiv {\r\n        margin: 0;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        line-height: 24px;\r\n        text-transform: capitalize;\r\n        color: #1A1A1A;\r\n    }\r\n\r\n    .billed {\r\n        margin: 2px 0 0;\r\n        color: var(--text-muted);\r\n        font-size: 12px;\r\n        line-height: 18px;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .cta {\r\n        margin-top: 32px;\r\n        border: 1px solid var(--primary);\r\n        border-radius: 8px;\r\n        height: 48px;\r\n        color: var(--primary);\r\n        text-decoration: none;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 24px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);\r\n        transition: background-color 220ms ease, color 220ms ease;\r\n    }\r\n\r\n    .cta:hover {\r\n        background: var(--primary);\r\n        color: #ffff;\r\n    }\r\n\r\n    .card.popular .cta {\r\n        background: var(--primary);\r\n        color: #ffff;\r\n    }\r\n\r\n    .card.popular .cta:hover {\r\n        background: #0050EB;\r\n        color: #ffff;\r\n        border-color: #0050EB;\r\n    }\r\n\r\n    .cta-arrow {\r\n        width: 20px;\r\n        height: 20px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .cta-arrow::before {\r\n        content: \"\";\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        background-color: currentColor;\r\n        -webkit-mask-image: url(\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/arrow-right.svg\");\r\n        -webkit-mask-repeat: no-repeat;\r\n        -webkit-mask-position: center;\r\n        -webkit-mask-size: contain;\r\n        mask-image: url(\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/arrow-right.svg\");\r\n        mask-repeat: no-repeat;\r\n        mask-position: center;\r\n        mask-size: contain;\r\n    }\r\n\r\n    .note {\r\n        margin: 12px auto 0;\r\n        width: 200px;\r\n        text-align: center;\r\n        color: var(--text-muted);\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        font-style: italic;\r\n        text-transform: capitalize;\r\n        min-height: 44px;\r\n    }\r\n\r\n    .sla {\r\n        margin-top: 40px;\r\n        background: var(--primary-soft);\r\n        border-radius: 12px;\r\n        padding: 16px;\r\n    }\r\n\r\n    .sla h3,\r\n    .features h3 {\r\n        margin: 0;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 26px;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .sla ul {\r\n        margin: 16px 0 0;\r\n        padding: 0;\r\n        list-style: none;\r\n    }\r\n\r\n    .sla li {\r\n        padding: 8px 0;\r\n        color: var(--text-muted);\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        text-transform: capitalize;\r\n        border-top: 1px solid #d7dde8;\r\n    }\r\n\r\n    .sla li:first-child {\r\n        border-top: 0;\r\n        padding-top: 0;\r\n    }\r\n\r\n    .features {\r\n        margin-top: 30px;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .features ul {\r\n        margin: 20px 0 0;\r\n        padding: 0;\r\n        list-style: none;\r\n        display: grid;\r\n        gap: 14px;\r\n    }\r\n\r\n    .features li {\r\n        display: grid;\r\n        grid-template-columns: 20px 1fr;\r\n        gap: 10px;\r\n        align-items: start;\r\n        color: var(--text-muted);\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .features li img {\r\n        width: 14px;\r\n        height: 20px;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .mobile-nav {\r\n        display: none;\r\n        border: 1px solid var(--line);\r\n        border-radius: 8px;\r\n        background: #fff;\r\n        width: 40px;\r\n        height: 40px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        color: #334155;\r\n    }\r\n\r\n    .disclaimer {\r\n        max-width: 1216px;\r\n        margin: 40px auto 50px;\r\n        padding: 0 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        text-align: center;\r\n    }\r\n\r\n    .disclaimer-icon {\r\n        flex-shrink: 0;\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n\r\n    .disclaimer p {\r\n        margin: 0;\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        color: #475569;\r\n    }\r\n\r\n    .disclaimer strong {\r\n        color: #1A1A1A;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .contact-modal-overlay {\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(2, 8, 23, 0.55);\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 9999;\r\n        padding: 20px;\r\n    }\r\n\r\n    .contact-modal-overlay.open {\r\n        display: flex;\r\n    }\r\n\r\n    .modal {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        max-height: calc(100vh - 48px);\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .modal-content {\r\n        padding: 40px 40px 32px;\r\n        overflow-y: auto;\r\n        flex: 1 1 auto;\r\n        min-height: 0;\r\n    }\r\n\r\n    .modal-close {\r\n        position: absolute;\r\n        top: 16px;\r\n        right: 26px;\r\n        background: none;\r\n        border: none;\r\n        font-size: 28px;\r\n        cursor: pointer;\r\n        color: #555;\r\n        line-height: 1;\r\n        padding: 2px;\r\n    }\r\n\r\n    .modal-close:hover {\r\n        color: #000;\r\n    }\r\n\r\n    .modal-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        margin: 0;\r\n    }\r\n\r\n    .modal-title span {\r\n        color: #6c3ddb;\r\n    }\r\n\r\n    .modal-subtitle {\r\n        text-align: center;\r\n        font-size: 13.5px;\r\n        color: #666;\r\n        margin: 6px 0 20px 0;\r\n    }\r\n\r\n    .alert {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: #eef4ff;\r\n        border-radius: 8px;\r\n        padding: 12px 16px;\r\n        margin: 20px 0 24px;\r\n        font-size: 13.5px;\r\n        color: #2d5be3;\r\n        display: none;\r\n    }\r\n\r\n    .alert svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-submit-status {\r\n        margin: 20px 0 0;\r\n        border-radius: 8px;\r\n        padding: 10px 12px;\r\n        font-size: 14px;\r\n        line-height: 24px;\r\n        display: none;\r\n    }\r\n    \r\n    #contactSalesFormCodeStudio .form-submit-status a {\r\n        color: #0057ff;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-submit-status.success {\r\n        display: block;\r\n        color: #475569;\r\n        background: #f6fef9;\r\n        border: 1px solid #6ce9a6;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-submit-status.error {\r\n        display: block;\r\n        color: #475569;\r\n        background: #fff5f5;\r\n        border: 1px solid #ff9090;\r\n    }\r\n\r\n    .form-group {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .form-group label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1a1a2e;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .form-group label .required {\r\n        color: #e53935;\r\n        margin-left: 2px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-control {\r\n        width: 100%;\r\n        border: 1.5px solid #cbd5e1;\r\n        border-radius: 8px !important;\r\n        padding: 4px 12px !important;\r\n        font-size: 14px !important;\r\n        height: 35px !important;\r\n        color: #222;\r\n        outline: none;\r\n        transition: border-color 0.2s;\r\n        background: #fff;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        box-sizing: border-box;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-control::placeholder,\r\n    #contactSalesFormCodeStudio .form-textarea::placeholder {\r\n        color: #64748b;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .select-wrapper {\r\n        position: relative;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .select-wrapper::after {\r\n        content: \"\u25be\";\r\n        position: absolute;\r\n        right: 14px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        pointer-events: none;\r\n        color: #555;\r\n        font-size: 16px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-select {\r\n        padding-right: 38px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .form-textarea {\r\n        width: 100%;\r\n        border: 1.5px solid #d5d5e0;\r\n        border-radius: 8px;\r\n        padding: 6px 12px 4px 12px !important;\r\n        font-size: 14px !important;\r\n        color: #222;\r\n        outline: none;\r\n        transition: border-color 0.2s;\r\n        background: #fff;\r\n        box-sizing: border-box;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n        resize: vertical;\r\n        min-height: 50px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .btn-submit {\r\n        width: 100%;\r\n        padding: 10px 14px;\r\n        min-height: 40px !important;\r\n        background: var(--primary) !important;\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        margin-top: 8px;\r\n        transition: background 0.2s, transform 0.1s;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .btn-submit:hover {\r\n        background: #0050EB !important;\r\n    }\r\n\r\n    \/* Focus border color for inputs\/select\/textarea inside the contact form *\/\r\n    #contactSalesFormCodeStudio .form-control:focus,\r\n    #contactSalesFormCodeStudio .form-select:focus,\r\n    #contactSalesFormCodeStudio .form-textarea:focus,\r\n    #contactSalesFormCodeStudio input[type=\"text\"].form-control:focus,\r\n    #contactSalesFormCodeStudio input[type=\"email\"].form-control:focus,\r\n    #contactSalesFormCodeStudio input:focus {\r\n        border-color: #0057FF !important;\r\n        box-shadow: none;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .btn-submit:active {\r\n        transform: scale(0.99);\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-dropdown {\r\n        position: relative;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-trigger {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        text-align: left;\r\n        cursor: pointer;\r\n        padding-right: 56px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-label {\r\n        color: #64748b;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-chevron {\r\n        color: #475569;\r\n        display: inline-block;\r\n        width: 18px;\r\n        height: 18px;\r\n        margin-left: auto;\r\n        vertical-align: middle;\r\n        transition: transform 0.2s;\r\n        background-color: currentColor;\r\n        -webkit-mask-image: url(\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/chevron-down.svg\");\r\n        -webkit-mask-repeat: no-repeat;\r\n        -webkit-mask-position: center;\r\n        -webkit-mask-size: contain;\r\n        mask-image: url(\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/chevron-down.svg\");\r\n        mask-repeat: no-repeat;\r\n        mask-position: center;\r\n        mask-size: contain;\r\n        font-size: 0; \/* hide fallback character *\/\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-trigger-clear {\r\n        position: absolute;\r\n        right: 36px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 22px;\r\n        height: 22px;\r\n        border: 0;\r\n        border-radius: 999px;\r\n        background: transparent;\r\n        color: #475569;\r\n        font-size: 22px;\r\n        line-height: 1;\r\n        padding: 0;\r\n        cursor: pointer;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 2;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-dropdown.has-value .company-size-trigger-clear {\r\n        display: inline-flex;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-trigger-clear:hover {\r\n        color: #0f172a;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-trigger:focus-visible {\r\n        border-color: #0057FF !important;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-trigger:focus {\r\n        border-color: #0057FF !important;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-dropdown.open .company-size-chevron {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-menu {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: calc(100% + 6px);\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 10px;\r\n        box-shadow: 0 10px 24px rgba(2, 8, 23, 0.12);\r\n        padding: 8px;\r\n        max-height: 140px;\r\n        overflow-y: auto;\r\n        z-index: 60;\r\n        display: none;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-dropdown.open .company-size-menu {\r\n        display: block;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-search-wrap {\r\n        position: relative;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-search {\r\n        padding-right: 36px !important;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-clear {\r\n        position: absolute;\r\n        right: 10px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        border: 0;\r\n        background: transparent;\r\n        color: #334155;\r\n        font-size: 28px;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        display: none;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-options {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n        max-height: 210px;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-option {\r\n        padding: 10px 12px;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        line-height: 15px;\r\n        color: #0f172a;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-option:hover {\r\n        background: #f1f5f9;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .company-size-empty {\r\n        margin: 6px 0 0;\r\n        text-align: center;\r\n        color: #334155;\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        padding: 8px;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .field-error {\r\n        margin: 4px 0 0 2px;\r\n        font-size: 12px;\r\n        line-height: 20px;\r\n        color: #d92c20;\r\n        display: none;\r\n    }\r\n\r\n    #contactSalesFormCodeStudio .field-error.show {\r\n        display: block;\r\n    }\r\n\r\n    \/* Desktop-only fix: keep visible rounded corners when dropdown has scrollbar *\/\r\n    @media (min-width: 1024px) {\r\n        #contactSalesFormCodeStudio .company-size-menu {\r\n            scrollbar-gutter: stable;\r\n            scrollbar-width: thin;\r\n            scrollbar-color: #cbd5e1 transparent;\r\n        }\r\n\r\n        #contactSalesFormCodeStudio .company-size-menu::-webkit-scrollbar {\r\n            width: 10px;\r\n        }\r\n\r\n        #contactSalesFormCodeStudio .company-size-menu::-webkit-scrollbar-track {\r\n            background: transparent;\r\n            margin: 10px 0;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        #contactSalesFormCodeStudio .company-size-menu::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 10px;\r\n            border: 2px solid transparent;\r\n            background-clip: content-box;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1023px) {\r\n        .pricing-grid {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .card {\r\n            min-height: auto;\r\n        }\r\n        .disclaimer {\r\n            justify-content: flex-start;\r\n            text-align: left;\r\n            gap: 10px;\r\n            padding: 0 16px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .disclaimer-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            min-width: 20px;\r\n            min-height: 20px;\r\n            padding: 0;\r\n            display: block;\r\n            background: transparent;\r\n            border: 0;\r\n            border-radius: 0;\r\n            box-sizing: border-box;\r\n            margin-top: 2px;\r\n            flex-shrink: 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n        .header {\r\n            padding: 16px;\r\n        }\r\n\r\n        .top-nav,\r\n        .actions .btn,\r\n        .signin {\r\n            display: none;\r\n        }\r\n\r\n        .mobile-nav {\r\n            display: inline-flex;\r\n        }\r\n\r\n        .hero {\r\n            margin-top: 52px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 38px;\r\n            line-height: 48px;\r\n        }\r\n\r\n        .toggle-wrap {\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .toggle {\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n            padding: 9px 16px;\r\n        }\r\n\r\n        .pricing-grid {\r\n            margin-top: 40px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n        .pricing-grid {\r\n            grid-template-columns: 1fr;\r\n            padding: 0 12px;\r\n        }\r\n\r\n        .hero {\r\n            padding: 0 14px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 32px;\r\n            line-height: 40px;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 15px;\r\n            line-height: 24px;\r\n        }\r\n\r\n        .toggle {\r\n            flex: 1;\r\n            justify-content: center;\r\n        }\r\n\r\n        .card {\r\n            padding: 20px;\r\n        }\r\n\r\n        .plan-name {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .price {\r\n            font-size: 42px;\r\n            line-height: 52px;\r\n        }\r\n\r\n        .disclaimer {\r\n            padding: 0 12px;\r\n            gap: 8px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .disclaimer-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            min-width: 20px;\r\n            min-height: 20px;\r\n            padding: 0;\r\n            display: block;\r\n            background: transparent;\r\n            border: 0;\r\n            border-radius: 0;\r\n            box-sizing: border-box;\r\n            margin-top: 2px;\r\n            flex-shrink: 0;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1023px) and (max-width: 1440px) {\r\n        .price {\r\n            font-size: 32px !important;\r\n            line-height: 40px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .badge {\r\n            width: max-content !important;\r\n        }\r\n\r\n        .modal {\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .modal-content {\r\n            padding: 26px 20px 22px 20px;\r\n        }\r\n\r\n        .modal-title {\r\n            font-size: 20px;\r\n            line-height: 28px;\r\n            padding-right: 26px;\r\n        }\r\n\r\n        .modal-subtitle {\r\n            font-size: 13px;\r\n            line-height: 20px;\r\n            margin-top: 6px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .contact-modal-overlay {\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .modal-close {\r\n            top: 12px;\r\n            right: 18px;\r\n        }\r\n\r\n        #contactSalesFormCodeStudio .form-group:last-of-type {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .modal-success {\r\n            padding: 48px 24px 40px !important;\r\n        }\r\n\r\n        .modal-success-img {\r\n            margin: 0 auto 28px !important;\r\n        }\r\n    }\r\n\r\n    \/* Increase spacing for the last form-group inside the contact form *\/\r\n    #contactSalesFormCodeStudio .form-group:last-of-type {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .modal-success {\r\n        display: none;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        padding: 16px 24px 40px;\r\n        min-height: 320px;\r\n    }\r\n\r\n    .modal.show-success .modal-success {\r\n        display: flex;\r\n    }\r\n\r\n    .modal.show-success .modal-title,\r\n    .modal.show-success .modal-subtitle,\r\n    .modal.show-success .alert,\r\n    .modal.show-success #contactSalesFormCodeStudio {\r\n        display: none;\r\n    }\r\n\r\n    .modal-success-img {\r\n        width: auto;\r\n        height: auto;\r\n        margin: 0 auto 28px 66px;\r\n    }\r\n\r\n    .modal-success-title {\r\n        margin: 0 0 18px;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        line-height: 1.3;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n    }\r\n\r\n    .modal-success-sub {\r\n        margin: 0;\r\n        font-size: 15px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n    }\r\n\r\n    .modal-success-tag {\r\n        margin: 16px 0 0;\r\n        font-size: 15px;\r\n        color: #475569;\r\n        font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n    }\r\n\r\n<\/style>\r\n<div class=\"toggle-wrap\" role=\"group\" aria-label=\"Billing cycle\">\r\n    <button class=\"toggle active\" type=\"button\" aria-pressed=\"true\">Yearly <span class=\"badge\">20% OFF<\/span><\/button>\r\n    <button class=\"toggle\" type=\"button\" aria-pressed=\"false\">Monthly<\/button>\r\n<\/div>\r\n\r\n<section class=\"pricing-grid\" aria-label=\"Pricing plans\">\r\n    <article class=\"card\" data-group=\"free\">\r\n        <img decoding=\"async\" class=\"plan-icon\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/user-01.svg\" alt=\"user-01-icon\" \/>\r\n        <h2 class=\"plan-name\">Individual<\/h2>\r\n        <p class=\"desc\">Free for single users. Complete access to both the Code Studio IDE and enterprise server.<\/p>\r\n\r\n        <!-- strikethrough placeholder (free never shows it, but keep for alignment) -->\r\n        <p class=\"price-original\" aria-hidden=\"true\"><\/p>\r\n\r\n        <div class=\"price-line\">\r\n            <p class=\"price\">$0<\/p>\r\n        <\/div>\r\n        <p class=\"billed\">Free<\/p>\r\n\r\n        <a href=\"https:\/\/app.sfcodestudio.com\/settings?tab=billing\" class=\"cta\" target=\"_blank\" rel=\"noopener\">Start for Free <span class=\"cta-arrow\" aria-hidden=\"true\"><\/span><\/a>\r\n\r\n        <div class=\"features\">\r\n            <h3>Includes<\/h3>\r\n            <ul>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Full access to the Code Studio IDE and Enterprise Server.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Five AI modes: Chat, Edit, Agent, Plan, and Autocomplete.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Image input support.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>MCP Server integration.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Multiple AI provider connections.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Quick actions and codebase search.<\/span><\/li>\r\n            <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Custom credit recharge.<\/span><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-group=\"small\">\r\n        <img decoding=\"async\" class=\"plan-icon\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/users-01.svg\" alt=\"users-01-icon\" \/>\r\n        <h2 class=\"plan-name\">Small Team<\/h2>\r\n        <p class=\"desc\">Predictable pricing designed for teams that are growing and need a simple, clear way to scale.<\/p>\r\n\r\n        <div class=\"seat-dropdown\" data-dropdown data-selected=\"5\">\r\n            <button class=\"seat seat-trigger\" type=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\r\n                <span class=\"seat-value\">5 seats - $49\/mo<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/chevron-down.svg\" alt=\"chevron-down-icon\" \/>\r\n            <\/button>\r\n            <ul class=\"seat-menu\" role=\"listbox\" aria-label=\"Small Team seats\">\r\n                <li role=\"option\" data-key=\"5\" data-value=\"5 seats - $49\/mo\">5 seats - $49\/mo<\/li>\r\n                <li role=\"option\" data-key=\"25\" data-value=\"25 seats - $99\/mo\">25 seats - $99\/mo<\/li>\r\n                <li role=\"option\" data-key=\"50\" data-value=\"50 seats - $299\/mo\">50 seats - $299\/mo<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- \u2726 strikethrough original monthly price (shown only on yearly billing) -->\r\n        <p class=\"price-original\" aria-hidden=\"true\"><\/p>\r\n\r\n        <div class=\"price-line\">\r\n            <p class=\"price\">$39<\/p>\r\n            <p class=\"equiv\">USD\/Month<\/p>\r\n        <\/div>\r\n        \r\n        <p class=\"billed\">$468 Billed Annually<\/p>\r\n\r\n        <a href=\"https:\/\/app.sfcodestudio.com\/settings?tab=billing\" class=\"cta\" target=\"_blank\" rel=\"noopener\">Start 30-day trial <span class=\"cta-arrow\" aria-hidden=\"true\"><\/span><\/a>\r\n\r\n        <div class=\"features\">\r\n            <h3>All Individual features, plus:<\/h3>\r\n            <ul>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>2,000 starter credits (first month, paid buckets only).<\/span>\r\n                <\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Premium models.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>User and team budget controls.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Full usage dashboards and analytics.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Fallback policies and reliability.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Centralized user management.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>SSO.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Team-wide credit pooling.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Custom credit recharge.<\/span><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card popular\" data-group=\"medium\">\r\n        <div class=\"popular-tag\">Most Popular<\/div>\r\n        <img decoding=\"async\" class=\"plan-icon\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/Team.svg\" alt=\"team-icon\" \/>\r\n        <h2 class=\"plan-name\">Medium Team<\/h2>\r\n        <p class=\"desc\">Business-grade SLA, admin controls, and SSO for scaling teams.<\/p>\r\n\r\n        <div class=\"seat-dropdown\" data-dropdown data-selected=\"100\">\r\n            <button class=\"seat seat-trigger\" type=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\r\n                <span class=\"seat-value\">100 seats - $599\/mo<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/chevron-down.svg\" alt=\"chevron-down-icon\" \/>\r\n            <\/button>\r\n            <ul class=\"seat-menu\" role=\"listbox\" aria-label=\"Medium Team seats\">\r\n                <li role=\"option\" data-key=\"100\" data-value=\"100 seats - $599\/mo\">100 seats - $599\/mo<\/li>\r\n                <li role=\"option\" data-key=\"200\" data-value=\"200 seats - $799\/mo\">200 seats - $799\/mo<\/li>\r\n                <li role=\"option\" data-key=\"300\" data-value=\"300 seats - $999\/mo\">300 seats - $999\/mo<\/li>\r\n                <li role=\"option\" data-key=\"400\" data-value=\"400 seats - $1,199\/mo\">400 seats - $1,199\/mo<\/li>\r\n                <li role=\"option\" data-key=\"500\" data-value=\"500 seats - $1,399\/mo\">500 seats - $1,399\/mo<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- \u2726 strikethrough original monthly price -->\r\n        <p class=\"price-original\" aria-hidden=\"true\"><\/p>\r\n\r\n        <div class=\"price-line\">\r\n            <p class=\"price\">$479<\/p>\r\n            <p class=\"equiv\">USD\/Month<\/p>\r\n        <\/div>\r\n        <p class=\"billed\">$5,748 Billed Annually<\/p>\r\n\r\n        <a href=\"https:\/\/app.sfcodestudio.com\/settings?tab=billing\" class=\"cta\" target=\"_blank\" rel=\"noopener\">Start 30-day trial <span class=\"cta-arrow\" aria-hidden=\"true\"><\/span><\/a>\r\n\r\n        <div class=\"features\">\r\n            <h3>All Small Team features, plus:<\/h3>\r\n            <ul>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>10,000 starter credits (first month, team-level).<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Advanced admin controls.<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>Priority email and chat support.<\/span><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-group=\"large\">\r\n        <img decoding=\"async\" class=\"plan-icon\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/Enterprise-API.svg\" alt=\"enterprise-api-icon\" \/>\r\n        <h2 class=\"plan-name\">Large Business<\/h2>\r\n        <p class=\"desc\">Advanced security and 24\/5 support. Talk to sales.<\/p>\r\n\r\n        <div class=\"seat-dropdown\" data-dropdown data-selected=\"600\">\r\n            <button class=\"seat seat-trigger\" type=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\r\n                <span class=\"seat-value\">600 seats - $1,599\/mo<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/chevron-down.svg\" alt=\"chevron-down-icon\" \/>\r\n            <\/button>\r\n            <ul class=\"seat-menu\" role=\"listbox\" aria-label=\"Large Team seats\">\r\n                <li role=\"option\" data-key=\"600\" data-value=\"600 seats - $1,599\/mo\">600 seats - $1,599\/mo<\/li>\r\n                <li role=\"option\" data-key=\"700\" data-value=\"700 seats - $1,799\/mo\">700 seats - $1,799\/mo<\/li>\r\n                <li role=\"option\" data-key=\"800\" data-value=\"800 seats - $1,999\/mo\">800 seats - $1,999\/mo<\/li>\r\n                <li role=\"option\" data-key=\"900\" data-value=\"900 seats - $2,199\/mo\">900 seats - $2,199\/mo<\/li>\r\n                <li role=\"option\" data-key=\"1000\" data-value=\"1,000 seats - $2,399\/mo\">1,000 seats - $2,399\/mo<\/li>\r\n                <li role=\"option\" data-key=\"custom\" data-value=\">1,000 seats - Contact Sales\">&gt;1,000 seats - Contact Sales<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- \u2726 strikethrough original monthly price (hidden when custom is selected) -->\r\n        <p class=\"price-original\" aria-hidden=\"true\"><\/p>\r\n\r\n        <div class=\"price-line\">\r\n            <p class=\"price\">$1,279<\/p>\r\n            <p class=\"equiv\">USD\/Month<\/p>\r\n        <\/div>\r\n        <p class=\"billed\">$15,348 Billed Annually<\/p>\r\n\r\n        <a href=\"https:\/\/app.sfcodestudio.com\/settings?tab=billing\" class=\"cta\" target=\"_blank\" rel=\"noopener\">Start 30-day trial <span class=\"cta-arrow\" aria-hidden=\"true\"><\/span><\/a>\r\n\r\n        <div class=\"features\">\r\n            <h3>All Medium Team features, plus:<\/h3>\r\n            <ul>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>15,000 starter credits (first month, team-level).<\/span><\/li>\r\n                <li><img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/green-check-icon.svg\" alt=\"check-icon\" \/><span>24\/5 priority support.<\/span><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/article>\r\n<\/section>\r\n\r\n<div class=\"disclaimer\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2026\/03\/info-circle.png\" alt=\"info-circle-icon\" class=\"disclaimer-icon\" \/>\r\n    <p>Starter credits apply to usage charges in the <strong>first calendar month only<\/strong> and exclude seat fees. Unused credits expire and are nontransferable.<\/p>\r\n<\/div>\r\n\r\n<div class=\"contact-modal-overlay\" data-contact-overlay aria-hidden=\"true\">\r\n    <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\r\n        <button class=\"modal-close\" type=\"button\" aria-label=\"Close\" data-contact-close>&times;<\/button>\r\n\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-success\" aria-hidden=\"true\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2025\/06\/code-studio-logo-v3.svg\" alt=\"Thank you illustration\" class=\"modal-success-img\" \/>\r\n                <h2 class=\"modal-success-title\">Thank you for your interest.<\/h2>\r\n                <p class=\"modal-success-sub\">Your request has been sent to our team of experts.<br>We'll be in touch with you soon.<\/p>\r\n                <p class=\"modal-success-tag\">A great beginning is on the horizon!<\/p>\r\n            <\/div>\r\n            <h2 class=\"modal-title\" id=\"modal-title\">Talk to Sales &ndash; <span>1000+ Seats<\/span><\/h2>\r\n            <p class=\"modal-subtitle\">Get a custom quote for 1000+ seats on Code Studio.<\/p>\r\n\r\n            <div class=\"alert\" role=\"alert\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2d5be3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                    <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\r\n                    <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\r\n                <\/svg>\r\n                Email or phone number is required\r\n            <\/div>\r\n\r\n            <form id=\"contactSalesFormCodeStudio\" novalidate>\r\n                <div class=\"form-group\">\r\n                    <label for=\"fullName\">Full Name <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"fullName\" name=\"fullName\" class=\"form-control\" placeholder=\"Enter your full name\" maxlength=\"80\" autocomplete=\"name\" required \/>\r\n                    <p class=\"field-error\" data-error-for=\"fullName\">Please enter your name.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"workEmail\">Work Email <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"email\" id=\"workEmail\" name=\"workEmail\" class=\"form-control\" placeholder=\"Enter your email address\" maxlength=\"254\" autocomplete=\"email\" inputmode=\"email\" autocapitalize=\"off\" spellcheck=\"false\" required \/>\r\n                    <p class=\"field-error\" data-error-for=\"workEmail\">Please enter your email address.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"companyName\">Company Name <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"companyName\" name=\"companyName\" class=\"form-control\" placeholder=\"Enter company name\" maxlength=\"100\" autocomplete=\"organization\" required \/>\r\n                    <p class=\"field-error\" data-error-for=\"companyName\">Please enter your company name.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"companySize\">Company Size <span class=\"required\">*<\/span><\/label>\r\n                    <div class=\"company-size-dropdown\" data-company-size-dropdown>\r\n                        <button type=\"button\" class=\"form-control company-size-trigger\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\r\n                            <span class=\"company-size-label\">Select company size<\/span>\r\n                            <span class=\"company-size-chevron\" aria-hidden=\"true\">\u25be<\/span>\r\n                        <\/button>\r\n                        <button type=\"button\" class=\"company-size-trigger-clear\" aria-label=\"Clear selected company size\" hidden>\u00d7<\/button>\r\n                        <div class=\"company-size-menu\" role=\"listbox\" aria-label=\"Company Size options\">\r\n                            <div class=\"company-size-search-wrap\">\r\n                                <input type=\"text\" id=\"companySizeSearch\" class=\"form-control company-size-search\" placeholder=\"Search\" autocomplete=\"off\" \/>\r\n                                <button type=\"button\" class=\"company-size-clear\" aria-label=\"Clear search\">\u00d7<\/button>\r\n                            <\/div>\r\n                            <ul class=\"company-size-options\">\r\n                                <li class=\"company-size-option\" role=\"option\" data-value=\"1,001-5,000\">1,001 \u2013 5,000<\/li>\r\n                                <li class=\"company-size-option\" role=\"option\" data-value=\"5,000-10,000\">5,000 \u2013 10,000<\/li>\r\n                                <li class=\"company-size-option\" role=\"option\" data-value=\"10,000+\">10,000+<\/li>\r\n                            <\/ul>\r\n                            <p class=\"company-size-empty\" hidden>No records found<\/p>\r\n                        <\/div>\r\n                        <input type=\"hidden\" id=\"companySize\" name=\"companySize\" required \/>\r\n                    <\/div>\r\n                    <p class=\"field-error\" data-error-for=\"companySize\">Please select your company size.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"message\">Message <span style=\"font-weight:400;color:#888;\">(Optional)<\/span><\/label>\r\n                    <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"Enter text here\" maxlength=\"500\"><\/textarea>\r\n                    <p class=\"field-error\" data-error-for=\"message\">Please remove unsupported characters.<\/p>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"btn-submit\">Request Pricing<\/button>\r\n                <p class=\"form-submit-status\" data-form-status aria-live=\"polite\"><\/p>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n    (function () {\r\n        let SALES_AJAX_ENDPOINT = 'https:\/\/www.syncfusion.com\/code-studio\/wp-admin\/admin-ajax.php';\r\n        const SALES_AJAX_ACTION =\r\n            (window.codeStudioAjax && window.codeStudioAjax.action)\r\n                ? window.codeStudioAjax.action\r\n                : 'codestudio_submit_sales_lead';\r\n        const SALES_API_TIMEOUT = 30000;\r\n\r\n        const pricingData = {\r\n            free: {\r\n                individual: { monthly: 0, yearly: 0, monthlyLabel: 'Free', yearlyLabel: 'Free', cta: 'Start for Free', trial: 'No credit card required.' }\r\n            },\r\n            small: {\r\n                5: { monthly: 49, yearly: 39, monthlyLabel: 'Billed Monthly', yearlyLabel: '$468 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                25: { monthly: 99, yearly: 79, monthlyLabel: 'Billed Monthly', yearlyLabel: '$948 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                50: { monthly: 299, yearly: 239, monthlyLabel: 'Billed Monthly', yearlyLabel: '$2,868 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' }\r\n            },\r\n            medium: {\r\n                100: { monthly: 599, yearly: 479, monthlyLabel: 'Billed Monthly', yearlyLabel: '$5,748 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                200: { monthly: 799, yearly: 639, monthlyLabel: 'Billed Monthly', yearlyLabel: '$7,668 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                300: { monthly: 999, yearly: 799, monthlyLabel: 'Billed Monthly', yearlyLabel: '$9,588 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                400: { monthly: 1199, yearly: 959, monthlyLabel: 'Billed Monthly', yearlyLabel: '$11,508 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' },\r\n                500: { monthly: 1399, yearly: 1119, monthlyLabel: 'Billed Monthly', yearlyLabel: '$13,428 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges.' }\r\n            },\r\n            large: {\r\n                600: { monthly: 1599, yearly: 1279, monthlyLabel: 'Billed Monthly', yearlyLabel: '$15,348 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges' },\r\n                700: { monthly: 1799, yearly: 1439, monthlyLabel: 'Billed Monthly', yearlyLabel: '$17,268 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges' },\r\n                800: { monthly: 1999, yearly: 1599, monthlyLabel: 'Billed Monthly', yearlyLabel: '$19,188 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges' },\r\n                900: { monthly: 2199, yearly: 1759, monthlyLabel: 'Billed Monthly', yearlyLabel: '$21,108 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges' },\r\n                1000: { monthly: 2399, yearly: 1919, monthlyLabel: 'Billed Monthly', yearlyLabel: '$23,028 Billed Annually', cta: 'Start 30-day trial', trial: 'Cancel anytime during trial to avoid charges' },\r\n                custom: { monthly: null, yearly: null, monthlyLabel: 'Custom pricing', yearlyLabel: 'Custom pricing', cta: 'Contact Sales', trial: 'Custom pricing for 1,000+ seats.' }\r\n            }\r\n        };\r\n\r\n        const toggles = Array.from(document.querySelectorAll('.toggle'));\r\n        let billing = (document.querySelector('.toggle.active') && document.querySelector('.toggle.active').textContent.toLowerCase().includes('monthly')) ? 'monthly' : 'yearly';\r\n        const contactOverlay = document.querySelector('[data-contact-overlay]');\r\n        const contactClose = document.querySelector('[data-contact-close]');\r\n\r\n        function openContactModal() {\r\n            if (!contactOverlay) return;\r\n            contactOverlay.classList.add('open');\r\n            contactOverlay.setAttribute('aria-hidden', 'false');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeContactModal() {\r\n            if (!contactOverlay) return;\r\n            contactOverlay.classList.remove('open');\r\n            contactOverlay.setAttribute('aria-hidden', 'true');\r\n            document.body.style.overflow = '';\r\n            \/\/ Reset success state\r\n            var modalEl = contactOverlay.querySelector('.modal');\r\n            if (modalEl) modalEl.classList.remove('show-success');\r\n            var form = document.getElementById('contactSalesFormCodeStudio');\r\n            if (form) {\r\n                form.querySelectorAll('.field-error').forEach(function (el) {\r\n                    el.classList.remove('show');\r\n                });\r\n                form.querySelectorAll('[aria-invalid]').forEach(function (el) {\r\n                    el.setAttribute('aria-invalid', 'false');\r\n                });\r\n            }\r\n        }\r\n\r\n        if (contactClose) {\r\n            contactClose.addEventListener('click', closeContactModal);\r\n        }\r\n\r\n        if (contactOverlay) {\r\n            contactOverlay.addEventListener('click', function (event) {\r\n                if (event.target === contactOverlay) {\r\n                    closeContactModal();\r\n                }\r\n            });\r\n        }\r\n\r\n        const contactSalesForm = document.getElementById('contactSalesFormCodeStudio');\r\n\r\n        if (contactSalesForm) {\r\n            const companySizeDropdown = contactSalesForm.querySelector('[data-company-size-dropdown]');\r\n            const submitButton = contactSalesForm.querySelector('.btn-submit');\r\n            const formStatus = contactSalesForm.querySelector('[data-form-status]');\r\n            const allowedCompanySizes = new Set(\r\n                Array.from(contactSalesForm.querySelectorAll('.company-size-option')).map(function (item) {\r\n                    return item.getAttribute('data-value') || '';\r\n                })\r\n            );\r\n            const errorMap = {\r\n                fullName: contactSalesForm.querySelector('[data-error-for=\"fullName\"]'),\r\n                workEmail: contactSalesForm.querySelector('[data-error-for=\"workEmail\"]'),\r\n                companyName: contactSalesForm.querySelector('[data-error-for=\"companyName\"]'),\r\n                companySize: contactSalesForm.querySelector('[data-error-for=\"companySize\"]'),\r\n                message: contactSalesForm.querySelector('[data-error-for=\"message\"]')\r\n            };\r\n            const fieldMap = {\r\n                fullName: contactSalesForm.fullName,\r\n                workEmail: contactSalesForm.workEmail,\r\n                companyName: contactSalesForm.companyName,\r\n                companySize: contactSalesForm.companySize,\r\n                message: contactSalesForm.message\r\n            };\r\n\r\n            function setFieldError(fieldName, message) {\r\n                const errorEl = errorMap[fieldName];\r\n                if (!errorEl) return;\r\n\r\n                const isInvalid = !!message;\r\n                if (isInvalid) {\r\n                    errorEl.textContent = message;\r\n                }\r\n                errorEl.classList.toggle('show', isInvalid);\r\n\r\n                const fieldEl = fieldMap[fieldName];\r\n                if (fieldEl) {\r\n                    fieldEl.setAttribute('aria-invalid', isInvalid ? 'true' : 'false');\r\n                }\r\n                if (fieldName === 'companySize' && companySizeDropdown) {\r\n                    const trigger = companySizeDropdown.querySelector('.company-size-trigger');\r\n                    if (trigger) {\r\n                        trigger.setAttribute('aria-invalid', isInvalid ? 'true' : 'false');\r\n                    }\r\n                }\r\n            }\r\n\r\n            function normalizeSpaces(value) {\r\n                \/\/ Trim only leading\/trailing whitespace; preserve internal spaces\r\n                return String(value || '').trim();\r\n            }\r\n\r\n            function validateFullName() {\r\n                const value = normalizeSpaces(contactSalesForm.fullName.value);\r\n                if (!value) return 'Please enter your name';\r\n                if (value.length < 2) return 'Please enter at least 2 characters';\r\n                if (value.length > 80) return 'Maximum 80 characters allowed';\r\n                    if (!\/^[A-Za-z \\-_'`.]+$\/.test(value)) return \"Only letters and the special characters (-_'`.) are allowed\";\r\n                return '';\r\n            }\r\n\r\n            function validateWorkEmail() {\r\n                const value = contactSalesForm.workEmail.value.trim();\r\n                if (!value) return 'Please enter your email address';\r\n                if (value.length > 254) return 'Maximum 254 characters allowed';\r\n                if (!\/^[A-Za-z0-9.!#$%&'*+\/=?^_`{|}~-]+@[A-Za-z0-9-]+(?:\\.[A-Za-z0-9-]+)+$\/.test(value)) {\r\n                    return 'Please enter a valid work email address';\r\n                }\r\n                return '';\r\n            }\r\n\r\n            function validateCompanyName() {\r\n                const value = normalizeSpaces(contactSalesForm.companyName.value);\r\n                if (!value) return 'Please enter your company name';\r\n                if (value.length < 2) return 'Please enter at least 2 characters';\r\n                if (value.length > 100) return 'Maximum 100 characters allowed';\r\n                    if (!\/^[A-Za-z0-9 \\-$()_&@,'.]+$\/.test(value)) return \"Letters, numbers, and the following special characters (-$()_&@,'.) are allowed\";\r\n                return '';\r\n            }\r\n\r\n            function validateCompanySize() {\r\n                const value = contactSalesForm.companySize.value.trim();\r\n                if (!value) return 'Please select your company size';\r\n                if (!allowedCompanySizes.has(value)) return 'Please select a valid company size';\r\n                return '';\r\n            }\r\n\r\n            function validateMessage() {\r\n                const value = contactSalesForm.message.value;\r\n                if (!value) return '';\r\n                if (value.length > 500) return 'Maximum 500 characters allowed';\r\n                if (!\/^[A-Za-z0-9\\s\\.,!\\?\\`'\":@&\\$\\(\\)\\-_\/]+$\/.test(value)) return 'Letters, numbers and the following special characters (.,!?\\'`\":@&$()-_\/) are allowed';\r\n                return '';\r\n            }\r\n\r\n            function sanitizeFormValues() {\r\n                contactSalesForm.fullName.value = normalizeSpaces(contactSalesForm.fullName.value);\r\n                contactSalesForm.workEmail.value = contactSalesForm.workEmail.value.trim();\r\n                contactSalesForm.companyName.value = normalizeSpaces(contactSalesForm.companyName.value);\r\n                contactSalesForm.message.value = String(contactSalesForm.message.value || '').trim();\r\n            }\r\n\r\n            function setSubmitState(isSubmitting) {\r\n                if (!submitButton) return;\r\n                submitButton.disabled = isSubmitting;\r\n                submitButton.textContent = isSubmitting ? 'Submitting...' : 'Request Pricing';\r\n            }\r\n\r\n            let _formStatusTimer = null;\r\n            function setFormStatus(type, message) {\r\n                if (!formStatus) return;\r\n                formStatus.classList.remove('success', 'error');\r\n                if (!type || !message) {\r\n                    formStatus.textContent = '';\r\n                    return;\r\n                }\r\n                formStatus.classList.add(type);\r\n                formStatus.textContent = message;\r\n                if (type === 'error') {\r\n                    _formStatusTimer = setTimeout(function () {\r\n                        formStatus.classList.remove('error');\r\n                        formStatus.textContent = '';\r\n                    }, 5000);\r\n                }\r\n            }\r\n\r\n            function routeServerFieldError(message) {\r\n                const text = String(message || '').trim();\r\n                if (!text) return false;\r\n\r\n                const lowered = text.toLowerCase();\r\n                const isEmailError =\r\n                    lowered.includes('work email') ||\r\n                    lowered.includes('email address') ||\r\n                    lowered.includes(\"can't create account\") ||\r\n                    lowered.includes('disposable email') ||\r\n                    lowered.includes('free email');\r\n\r\n                if (isEmailError) {\r\n                    setFieldError('workEmail', text);\r\n                    setFormStatus('', '');\r\n                    if (contactSalesForm.workEmail) {\r\n                        contactSalesForm.workEmail.focus();\r\n                    }\r\n                    return true;\r\n                }\r\n\r\n                return false;\r\n            }\r\n\r\n            function resetCompanySizeState() {\r\n                if (!companySizeDropdown) return;\r\n                const label = companySizeDropdown.querySelector('.company-size-label');\r\n                const hiddenInput = companySizeDropdown.querySelector('#companySize');\r\n                const triggerClearButton = companySizeDropdown.querySelector('.company-size-trigger-clear');\r\n                const options = Array.from(companySizeDropdown.querySelectorAll('.company-size-option'));\r\n                const searchInput = companySizeDropdown.querySelector('.company-size-search');\r\n                const clearButton = companySizeDropdown.querySelector('.company-size-clear');\r\n                const emptyState = companySizeDropdown.querySelector('.company-size-empty');\r\n\r\n                if (hiddenInput) hiddenInput.value = '';\r\n                if (label) label.textContent = 'Select company size';\r\n\r\n                options.forEach(function (opt, idx) {\r\n                    opt.classList.toggle('active', idx === 0);\r\n                    opt.hidden = false;\r\n                });\r\n\r\n                if (searchInput) searchInput.value = '';\r\n                if (clearButton) clearButton.style.display = 'none';\r\n                if (triggerClearButton) triggerClearButton.hidden = true;\r\n                companySizeDropdown.classList.remove('has-value');\r\n                if (emptyState) emptyState.hidden = true;\r\n            }\r\n\r\n            async function postSalesLead(payload) {\r\n                const controller = new AbortController();\r\n                const timer = setTimeout(function () {\r\n                    controller.abort();\r\n                }, SALES_API_TIMEOUT);\r\n\r\n                try {\r\n                    const formData = new URLSearchParams();\r\n                    formData.append('action', SALES_AJAX_ACTION);\r\n                    formData.append('fullName', payload.fullName || '');\r\n                    formData.append('workEmail', payload.workEmail || '');\r\n                    formData.append('companyName', payload.companyName || '');\r\n                    formData.append('companySize', payload.companySize || '');\r\n                    formData.append('message', payload.message || '');\r\n                    formData.append('pageUrl', payload.pageUrl || '');\r\n                    formData.append('leadSource', payload.leadSource || '');\r\n                    formData.append('categorySource', payload.categorySource || '');\r\n\r\n                    const response = await fetch(SALES_AJAX_ENDPOINT, {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8',\r\n                            'Accept': 'application\/json',\r\n                            'X-Requested-With': 'XMLHttpRequest'\r\n                        },\r\n                        body: formData.toString(),\r\n                        signal: controller.signal,\r\n                        credentials: 'same-origin',\r\n                        cache: 'no-store',\r\n                        referrerPolicy: 'same-origin'\r\n                    });\r\n                    console.log('postSalesLead responseBody:', response);\r\n                    let responseBody = null;\r\n                    const contentType = response.headers.get('content-type') || '';\r\n                    if (contentType.includes('application\/json')) {\r\n                        responseBody = await response.json().catch(function () { return null; });\r\n                    } else {\r\n                        \/\/ Discard non-JSON bodies (HTML error pages, etc.) \u2014 don't expose them\r\n                        await response.text().catch(function () {});\r\n                        responseBody = null;\r\n                    }\r\n\r\n                    if (!response.ok) {\r\n                        const serverMessage =\r\n                            (responseBody && responseBody.data && responseBody.data.message) ||\r\n                            (responseBody && responseBody.message) ||\r\n                            'Unable to submit now. Please try again.';\r\n                        try { console.error('admin-ajax response body:', responseBody); } catch (e) {}\r\n                        throw new Error(serverMessage);\r\n                    }\r\n\r\n                    if (responseBody && typeof responseBody === 'object' && responseBody.success === false) {\r\n                        const ajaxMessage =\r\n                            (responseBody.data && responseBody.data.message) ||\r\n                            responseBody.message ||\r\n                            'Unable to submit now. Please try again.';\r\n                        throw new Error(ajaxMessage);\r\n                    }\r\n\r\n                    return responseBody;\r\n                } finally {\r\n                    clearTimeout(timer);\r\n                }\r\n            }\r\n\r\n            function validateFormAndFocus() {\r\n                const fields = [\r\n                    {\r\n                        name: 'fullName',\r\n                        getError: validateFullName,\r\n                        focusEl: contactSalesForm.fullName\r\n                    },\r\n                    {\r\n                        name: 'workEmail',\r\n                        getError: validateWorkEmail,\r\n                        focusEl: contactSalesForm.workEmail\r\n                    },\r\n                    {\r\n                        name: 'companyName',\r\n                        getError: validateCompanyName,\r\n                        focusEl: contactSalesForm.companyName\r\n                    },\r\n                    {\r\n                        name: 'companySize',\r\n                        getError: validateCompanySize,\r\n                        focusEl: (companySizeDropdown && companySizeDropdown.querySelector('.company-size-trigger')) || contactSalesForm.companySize\r\n                    },\r\n                    {\r\n                        name: 'message',\r\n                        getError: validateMessage,\r\n                        focusEl: contactSalesForm.message\r\n                    }\r\n                ];\r\n\r\n                let firstInvalid = null;\r\n\r\n                fields.forEach(function (field) {\r\n                    const errorMessage = field.getError();\r\n                    setFieldError(field.name, errorMessage);\r\n                    if (!firstInvalid && errorMessage) {\r\n                        firstInvalid = field;\r\n                    }\r\n                });\r\n\r\n                if (firstInvalid && firstInvalid.focusEl) {\r\n                    firstInvalid.focusEl.focus();\r\n                    return false;\r\n                }\r\n\r\n                return true;\r\n            }\r\n\r\n            contactSalesForm.addEventListener('submit', function (e) {\r\n                e.preventDefault();\r\n                const form = e.target;\r\n                sanitizeFormValues();\r\n                setFormStatus('', '');\r\n\r\n                if (!validateFormAndFocus()) {\r\n                    return;\r\n                }\r\n\r\n            \/\/ Resolve lead source: utm_campaign param & utm_source, or referrer domain, or empty\r\n            const _utmParams = new URLSearchParams(window.location.search);\r\n            const _utmCampaign = _utmParams.get('utm_campaign');\r\n            const _utmSource = _utmParams.get('utm_source');\r\n            let _leadSource = '';\r\n                if (_utmCampaign) {\r\n                    _leadSource = _utmCampaign;\r\n                } else if (document.referrer) {\r\n                    try {\r\n                        _leadSource = new URL(document.referrer).hostname; \/\/ e.g. \"www.google.com\"\r\n                    } catch (e) {\r\n                        _leadSource = document.referrer;\r\n                    }\r\n                }\r\n                const _categorySource = _utmSource || '';\r\n\r\n                const payload = {\r\n                    fullName: form.fullName.value,\r\n                    workEmail: form.workEmail.value,\r\n                    companyName: form.companyName.value,\r\n                    companySize: form.companySize.value,\r\n                    message: form.message.value,\r\n                    pageUrl: window.location.href,\r\n                    leadSource: _leadSource,\r\n                    categorySource: _categorySource\r\n                };\r\n\r\n                setSubmitState(true);\r\n                \r\n                postSalesLead(payload)\r\n                    .then(function (response) {\r\n                        form.reset();\r\n                        resetCompanySizeState();\r\n                        setFieldError('fullName', '');\r\n                        setFieldError('workEmail', '');\r\n                        setFieldError('companyName', '');\r\n                        setFieldError('companySize', '');\r\n                        setFieldError('message', '');\r\n                        \/\/ Show success state\r\n                        var modalEl = contactOverlay.querySelector('.modal');\r\n                        if (modalEl) modalEl.classList.add('show-success');\r\n                    })\r\n                    .catch(function (error) {\r\n                        console.log('postSalesLead error:', error);\r\n                        const isTimeout = error && error.name === 'AbortError';\r\n                        const message = isTimeout\r\n                            ? 'Request timed out. Please try again.'\r\n                            : (error && error.message ? error.message : 'Unable to submit now. Please try again.');\r\n                        if (!routeServerFieldError(message)) {\r\n                            setFormStatus('error', message);\r\n                        }\r\n                    })\r\n                    .finally(function () {\r\n                        setSubmitState(false);\r\n                    });\r\n            });\r\n\r\n            contactSalesForm.fullName.addEventListener('input', function () {\r\n                setFieldError('fullName', validateFullName());\r\n            });\r\n\r\n            contactSalesForm.workEmail.addEventListener('input', function () {\r\n                setFieldError('workEmail', validateWorkEmail());\r\n            });\r\n\r\n            contactSalesForm.companyName.addEventListener('input', function () {\r\n                setFieldError('companyName', validateCompanyName());\r\n            });\r\n\r\n            contactSalesForm.message.addEventListener('input', function () {\r\n                setFieldError('message', validateMessage());\r\n            });\r\n\r\n            if (companySizeDropdown) {\r\n                const trigger = companySizeDropdown.querySelector('.company-size-trigger');\r\n                const label = companySizeDropdown.querySelector('.company-size-label');\r\n                const searchInput = companySizeDropdown.querySelector('.company-size-search');\r\n                const clearButton = companySizeDropdown.querySelector('.company-size-clear');\r\n                const triggerClearButton = companySizeDropdown.querySelector('.company-size-trigger-clear');\r\n                const emptyState = companySizeDropdown.querySelector('.company-size-empty');\r\n                const hiddenInput = companySizeDropdown.querySelector('#companySize');\r\n                const options = Array.from(companySizeDropdown.querySelectorAll('.company-size-option'));\r\n\r\n                function toggleTriggerClearButton() {\r\n                    if (!triggerClearButton || !hiddenInput) return;\r\n                    const hasValue = !!hiddenInput.value.trim();\r\n                    triggerClearButton.hidden = !hasValue;\r\n                    companySizeDropdown.classList.toggle('has-value', hasValue);\r\n                }\r\n\r\n                function openCompanySizeMenu() {\r\n                    companySizeDropdown.classList.add('open');\r\n                    if (trigger) trigger.setAttribute('aria-expanded', 'true');\r\n                    if (trigger) trigger.blur();\r\n                    if (searchInput) {\r\n                        searchInput.focus();\r\n                        searchInput.select();\r\n                    }\r\n                }\r\n\r\n                function closeCompanySizeMenu() {\r\n                    companySizeDropdown.classList.remove('open');\r\n                    if (trigger) trigger.setAttribute('aria-expanded', 'false');\r\n                }\r\n\r\n                function filterCompanySizeOptions() {\r\n                    const query = (searchInput && searchInput.value ? searchInput.value : '').trim().toLowerCase();\r\n                    let visibleCount = 0;\r\n\r\n                    options.forEach(function (option) {\r\n                        const text = option.textContent.toLowerCase();\r\n                        const isVisible = !query || text.includes(query);\r\n                        option.hidden = !isVisible;\r\n                        if (isVisible) visibleCount += 1;\r\n                    });\r\n\r\n                    if (emptyState) emptyState.hidden = visibleCount !== 0;\r\n                    if (clearButton) clearButton.style.display = query ? 'block' : 'none';\r\n                }\r\n\r\n                if (trigger) {\r\n                    trigger.addEventListener('click', function () {\r\n                        if (companySizeDropdown.classList.contains('open')) {\r\n                            closeCompanySizeMenu();\r\n                        } else {\r\n                            openCompanySizeMenu();\r\n                            filterCompanySizeOptions();\r\n                        }\r\n                    });\r\n                }\r\n\r\n                if (searchInput) {\r\n                    searchInput.addEventListener('input', filterCompanySizeOptions);\r\n                }\r\n\r\n                if (clearButton && searchInput) {\r\n                    clearButton.addEventListener('click', function () {\r\n                        searchInput.value = '';\r\n                        filterCompanySizeOptions();\r\n                        searchInput.focus();\r\n                    });\r\n                }\r\n\r\n                if (triggerClearButton) {\r\n                    triggerClearButton.addEventListener('click', function (event) {\r\n                        event.preventDefault();\r\n                        event.stopPropagation();\r\n\r\n                        if (hiddenInput) hiddenInput.value = '';\r\n                        if (label) label.textContent = 'Select company size';\r\n\r\n                        options.forEach(function (opt, idx) {\r\n                            opt.classList.toggle('active', idx === 0);\r\n                        });\r\n\r\n                        if (searchInput) searchInput.value = '';\r\n                        filterCompanySizeOptions();\r\n                        setFieldError('companySize', '');\r\n                        toggleTriggerClearButton();\r\n                    });\r\n                }\r\n\r\n                options.forEach(function (option) {\r\n                    option.addEventListener('click', function () {\r\n                        const value = option.getAttribute('data-value') || '';\r\n                        const text = option.textContent.trim();\r\n\r\n                        options.forEach(function (opt) {\r\n                            opt.classList.remove('active');\r\n                        });\r\n                        option.classList.add('active');\r\n\r\n                        if (hiddenInput) hiddenInput.value = value;\r\n                        if (label) label.textContent = text;\r\n                        toggleTriggerClearButton();\r\n                        setFieldError('companySize', validateCompanySize());\r\n\r\n                        if (searchInput) searchInput.value = '';\r\n                        filterCompanySizeOptions();\r\n                        closeCompanySizeMenu();\r\n                    });\r\n                });\r\n\r\n                toggleTriggerClearButton();\r\n\r\n                document.addEventListener('click', function (event) {\r\n                    if (!companySizeDropdown.contains(event.target)) {\r\n                        closeCompanySizeMenu();\r\n                    }\r\n                });\r\n\r\n                document.addEventListener('keydown', function (event) {\r\n                    if (event.key === 'Escape' && companySizeDropdown.classList.contains('open')) {\r\n                        closeCompanySizeMenu();\r\n                    }\r\n                });\r\n            }\r\n            }\r\n\r\n        document.addEventListener('keydown', function (event) {\r\n            if (event.key === 'Escape') {\r\n                closeContactModal();\r\n            }\r\n        });\r\n\r\n        const _billingBase = 'https:\/\/app.sfcodestudio.com\/settings?tab=billing';\r\n        const _planLinkMap = {\r\n            free: {\r\n                individual: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=0',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=0'\r\n                }\r\n            },\r\n            small: {\r\n                5: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=1&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=1&billingCycleId=2'\r\n                },\r\n                25: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=2&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=2&billingCycleId=2'\r\n                },\r\n                50: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=3&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=3&billingCycleId=2'\r\n                }\r\n            },\r\n            medium: {\r\n                100: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=4&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=4&billingCycleId=2'\r\n                },\r\n                200: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=5&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=5&billingCycleId=2'\r\n                },\r\n                300: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=6&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=6&billingCycleId=2'\r\n                },\r\n                400: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=7&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=7&billingCycleId=2'\r\n                },\r\n                500: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=8&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=8&billingCycleId=2'\r\n                }\r\n            },\r\n            large: {\r\n                500: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=8&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=8&billingCycleId=2'\r\n                },\r\n                600: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=9&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=9&billingCycleId=2'\r\n                },\r\n                700: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=10&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=10&billingCycleId=2'\r\n                },\r\n                800: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=11&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=11&billingCycleId=2'\r\n                },\r\n                900: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=12&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=12&billingCycleId=2'\r\n                },\r\n                1000: {\r\n                    monthly: 'https:\/\/app.sfcodestudio.com\/?planid=13&billingCycleId=1',\r\n                    yearly: 'https:\/\/app.sfcodestudio.com\/?planid=13&billingCycleId=2'\r\n                }\r\n            }\r\n        };\r\n\r\n        function getPlanHref(group, seatKey, billingCycle) {\r\n            if (group === 'free') {\r\n                return _planLinkMap.free.individual[billingCycle] || _planLinkMap.free.individual.yearly;\r\n            }\r\n\r\n            const normalizedKey = \/^\\d+$\/.test(String(seatKey)) ? parseInt(seatKey, 10) : seatKey;\r\n            const groupMap = _planLinkMap[group];\r\n            const seatMap = groupMap && groupMap[normalizedKey];\r\n\r\n            if (seatMap && seatMap[billingCycle]) {\r\n                return seatMap[billingCycle];\r\n            }\r\n\r\n            return _billingBase;\r\n        }\r\n\r\n        \/\/ format numeric prices with thousand separators (e.g. 1599 -> \"1,599\")\r\n        function formatPrice(value) {\r\n            if (typeof value !== 'number') return value;\r\n            try {\r\n                return value.toLocaleString('en-US');\r\n            } catch (e) {\r\n                return String(value).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\r\n            }\r\n        }\r\n\r\n        function updateCard(card) {\r\n            const group = card.dataset.group;\r\n            if (!group) return;\r\n\r\n            let pricing = null;\r\n\r\n            if (group === 'free') {\r\n                pricing = pricingData.free.individual;\r\n            } else {\r\n                const dropdown = card.querySelector('[data-dropdown]');\r\n                if (!dropdown) return;\r\n                \/\/ prefer explicit data-selected or fallback to first option key\r\n                let seatKey = dropdown.dataset.selected || dropdown.getAttribute('data-selected');\r\n                if (!seatKey) {\r\n                    const first = dropdown.querySelector('.seat-menu li[data-key]');\r\n                    seatKey = first ? first.dataset.key : 'custom';\r\n                }\r\n\r\n                \/\/ normalize numeric keys\r\n                if (\/^\\d+$\/.test(seatKey)) seatKey = parseInt(seatKey, 10);\r\n                pricing = pricingData[group][seatKey];\r\n            }\r\n\r\n            if (!pricing) return;\r\n\r\n            const priceEl = card.querySelector('.price');\r\n            const equivEl = card.querySelector('.equiv');\r\n            const billedEl = card.querySelector('.billed');\r\n            const cta = card.querySelector('.cta');\r\n            const note = card.querySelector('.note');\r\n            const origEl = card.querySelector('.price-original'); \/\/ \u2190 NEW\r\n\r\n            \/* \u2500\u2500 Strikethrough logic \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            Show the original (monthly) price crossed-out ONLY when:\r\n                \u2022 billing is 'yearly'\r\n                \u2022 the plan is NOT free\r\n                \u2022 the selected option is NOT 'custom' (>1,000 seats)\r\n                \u2022 both monthly and yearly prices are numeric\r\n            \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            if (origEl) {\r\n                const isCustom = billing === 'yearly' && group !== 'free' && pricing.monthly === null;\r\n                const isFree = billing === 'yearly' && group === 'free';\r\n                const showStrike =\r\n                    billing === 'yearly' &&\r\n                    group !== 'free' &&\r\n                    typeof pricing.monthly === 'number' &&\r\n                    typeof pricing.yearly  === 'number';\r\n\r\n                if (showStrike) {\r\n                    origEl.textContent = '$' + formatPrice(pricing.monthly);\r\n                    origEl.style.display = 'block';\r\n                } else if (isCustom || isFree) {\r\n                    origEl.textContent = '';\r\n                    origEl.style.display = 'block'; \/\/ keep visible but empty for spacing\r\n                } else {\r\n                    origEl.textContent = '';\r\n                    origEl.style.display = 'none';\r\n                }\r\n            }\r\n\r\n            \/\/ when pricing value is numeric show with $; when null show 'Custom'\r\n            if (billing === 'monthly') {\r\n                if (priceEl) priceEl.textContent = typeof pricing.monthly === 'number' ? '$' + formatPrice(pricing.monthly) : 'Custom';\r\n                if (equivEl) equivEl.textContent = typeof pricing.monthly === 'number' ? 'USD\/Month' : '';\r\n                if (billedEl) billedEl.textContent = pricing.monthlyLabel || '';\r\n                \/\/ Add top margin to price-line since price-original is hidden on monthly\r\n                const priceLineEl = card.querySelector('.price-line');\r\n                if (priceLineEl) priceLineEl.style.marginTop = '24px';\r\n            } else {\r\n                if (priceEl) priceEl.textContent = typeof pricing.yearly === 'number' ? '$' + formatPrice(pricing.yearly) : 'Custom';\r\n                if (equivEl) equivEl.textContent = typeof pricing.yearly === 'number' ? 'USD\/Month' : '';\r\n                if (billedEl) billedEl.textContent = pricing.yearlyLabel || '';\r\n                \/\/ Remove the extra margin on yearly since price-original is visible\r\n                const priceLineEl = card.querySelector('.price-line');\r\n                if (priceLineEl) priceLineEl.style.marginTop = '';\r\n            }\r\n\r\n            if (cta) {\r\n                const arrowHtml = '<span class=\"cta-arrow\" aria-hidden=\"true\"><\/span>';\r\n\r\n                \/\/ determine selected seat key (used for CTA text and href)\r\n                let selectedSeatKey = 'individual';\r\n                if (group !== 'free') {\r\n                    const dropdown = card.querySelector('[data-dropdown]');\r\n                    selectedSeatKey = dropdown ? (dropdown.dataset.selected || dropdown.getAttribute('data-selected')) : selectedSeatKey;\r\n                }\r\n\r\n                \/\/ If selection is a numeric seat count (not 'custom'), show \"Get N Seats Plan\"\r\n                let ctaText = pricing.cta || '';\r\n                if (group !== 'free' && selectedSeatKey && \/^\\d+$\/.test(String(selectedSeatKey))) {\r\n                    ctaText = 'Get ' + selectedSeatKey + ' Seats Plan';\r\n                }\r\n\r\n                cta.innerHTML = ctaText + ' ' + arrowHtml;\r\n                cta.setAttribute('href', getPlanHref(group, selectedSeatKey, billing));\r\n\r\n                if (group === 'large' && String(selectedSeatKey) === 'custom') {\r\n                    cta.setAttribute('href', '#');\r\n                }\r\n            }\r\n            if (note) note.textContent = pricing.trial || '';\r\n        }\r\n\r\n        function updateAllCards() {\r\n            const cards = Array.from(document.querySelectorAll('.card'));\r\n            cards.forEach(updateCard);\r\n        }\r\n\r\n        \/\/ Dropdown init + behavior\r\n        const dropdowns = Array.from(document.querySelectorAll('[data-dropdown]'));\r\n\r\n        dropdowns.forEach(function (dropdown) {\r\n            \/\/ ensure dropdown.dataset.selected reflects initial selection\r\n            if (!dropdown.dataset.selected && dropdown.getAttribute('data-selected')) {\r\n                dropdown.dataset.selected = dropdown.getAttribute('data-selected');\r\n            }\r\n            if (!dropdown.dataset.selected) {\r\n                const first = dropdown.querySelector('.seat-menu li[data-key]');\r\n                if (first) dropdown.dataset.selected = first.dataset.key;\r\n            }\r\n            const trigger = dropdown.querySelector('.seat-trigger');\r\n            const value = dropdown.querySelector('.seat-value');\r\n            const options = dropdown.querySelectorAll('.seat-menu li');\r\n            if (!trigger) return;\r\n\r\n            function closeMenu() {\r\n                dropdown.classList.remove('open');\r\n                trigger.setAttribute('aria-expanded', 'false');\r\n            }\r\n\r\n            trigger.addEventListener('click', function (event) {\r\n                event.stopPropagation();\r\n                dropdowns.forEach(function (d) {\r\n                    if (d !== dropdown) {\r\n                        d.classList.remove('open');\r\n                        const otherTrigger = d.querySelector('.seat-trigger');\r\n                        if (otherTrigger) otherTrigger.setAttribute('aria-expanded', 'false');\r\n                    }\r\n                });\r\n                const isOpen = dropdown.classList.toggle('open');\r\n                trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\r\n            });\r\n\r\n            options.forEach(function (option) {\r\n                option.addEventListener('click', function (e) {\r\n                    e.stopPropagation();\r\n                    const newVal = option.getAttribute('data-value') || option.textContent;\r\n                    if (value) value.textContent = newVal;\r\n                    \/\/ store selected key and href on the dropdown for robust lookup\r\n                    if (option.dataset && option.dataset.key) dropdown.dataset.selected = option.dataset.key;\r\n                    closeMenu();\r\n                    \/\/ update the card that contains this dropdown\r\n                    const card = dropdown.closest('.card');\r\n                    if (card) updateCard(card);\r\n                    \/\/ re-run layout adjustments after selection (helps when heights change)\r\n                    _scheduleAdjust();\r\n                });\r\n            });\r\n        });\r\n\r\n        document.addEventListener('click', function (event) {\r\n            const cta = event.target.closest('.cta');\r\n            if (!cta) return;\r\n            const card = cta.closest('.card');\r\n            if (!card || card.dataset.group !== 'large') return;\r\n            const dropdown = card.querySelector('[data-dropdown]');\r\n            const seatKey = dropdown ? (dropdown.dataset.selected || dropdown.getAttribute('data-selected')) : '';\r\n            if (String(seatKey) === 'custom') {\r\n                event.preventDefault();\r\n                openContactModal();\r\n            }\r\n        });\r\n\r\n        document.addEventListener('click', function (event) {\r\n            dropdowns.forEach(function (dropdown) {\r\n                if (!dropdown.contains(event.target)) {\r\n                    const trig = dropdown.querySelector('.seat-trigger');\r\n                    dropdown.classList.remove('open');\r\n                    if (trig) trig.setAttribute('aria-expanded', 'false');\r\n                }\r\n            });\r\n        });\r\n\r\n        function runLayoutAlignment() {\r\n            _scheduleAdjust();\r\n        }\r\n\r\n        function animateBillingSwitch() {\r\n            updateAllCards();\r\n            runLayoutAlignment();\r\n        }\r\n\r\n        \/\/ Toggle handlers\r\n        toggles.forEach(function (btn) {\r\n            btn.addEventListener('click', function () {\r\n                if (btn.classList.contains('active')) return;\r\n                toggles.forEach(function (b) {\r\n                    b.classList.remove('active');\r\n                    b.setAttribute('aria-pressed', 'false');\r\n                });\r\n                btn.classList.add('active');\r\n                btn.setAttribute('aria-pressed', 'true');\r\n                billing = btn.textContent.toLowerCase().includes('monthly') ? 'monthly' : 'yearly';\r\n                animateBillingSwitch();\r\n            });\r\n        });\r\n\r\n        \/\/ initial run\r\n        updateAllCards();\r\n\r\n        \/\/ align description\/dropdown\/price\/cta rows across cards\r\n        function adjustFreeDescMargin() {\r\n            const grid = document.querySelector('.pricing-grid');\r\n            if (!grid) return;\r\n            const cards = Array.from(grid.querySelectorAll('.card'));\r\n            if (!cards.length) return;\r\n\r\n            const w = window.innerWidth;\r\n            const isMobile = w <= 700;\r\n            const cols = w > 1023 ? 4 : 2;\r\n\r\n            \/\/ reset all desc margins first\r\n            cards.forEach(function (card) {\r\n                const d = card.querySelector('.desc');\r\n                if (d) d.style.marginBottom = '';\r\n            });\r\n\r\n            \/\/ on mobile cards are stacked, natural flow is preferred\r\n            if (isMobile) return;\r\n\r\n            for (let i = 0; i < cards.length; i += cols) {\r\n                const row = cards.slice(i, i + cols);\r\n                if (!row.length) continue;\r\n\r\n                const paidCards = row.filter(function (card) {\r\n                    return card.dataset.group !== 'free';\r\n                });\r\n                const freeCards = row.filter(function (card) {\r\n                    return card.dataset.group === 'free';\r\n                });\r\n\r\n                \/\/ 1) normalize paid cards by description height\r\n                let maxPaidDesc = 0;\r\n                paidCards.forEach(function (card) {\r\n                    const desc = card.querySelector('.desc');\r\n                    const h = desc ? desc.offsetHeight : 0;\r\n                    if (h > maxPaidDesc) maxPaidDesc = h;\r\n                });\r\n\r\n                paidCards.forEach(function (card) {\r\n                    const desc = card.querySelector('.desc');\r\n                    if (!desc) return;\r\n                    const needed = Math.max(0, maxPaidDesc - desc.offsetHeight);\r\n                    desc.style.marginBottom = needed + 'px';\r\n                });\r\n\r\n                \/\/ 2) align free card(s) price-line top with paid cards in same row\r\n                let targetPriceTop = -1;\r\n                paidCards.forEach(function (card) {\r\n                    const p = card.querySelector('.price-line');\r\n                    if (!p) return;\r\n                    if (p.offsetTop > targetPriceTop) targetPriceTop = p.offsetTop;\r\n                });\r\n\r\n                freeCards.forEach(function (card) {\r\n                    const desc = card.querySelector('.desc');\r\n                    const priceLine = card.querySelector('.price-line');\r\n                    if (!desc || !priceLine || targetPriceTop < 0) return;\r\n\r\n                    const shift = Math.max(0, targetPriceTop - priceLine.offsetTop);\r\n                    desc.style.marginBottom = shift + 'px';\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ debounce resize calls\r\n        let _adjTO = null;\r\n        function _scheduleAdjust() {\r\n            clearTimeout(_adjTO);\r\n            _adjTO = setTimeout(adjustFreeDescMargin, 80);\r\n        }\r\n\r\n        window.addEventListener('resize', _scheduleAdjust);\r\n\r\n        \/\/ run adjustment after initial layout; also on window.load and with scheduled retries\r\n        window.addEventListener('load', _scheduleAdjust);\r\n        _scheduleAdjust();\r\n        \/\/ run again after short delays to catch late-loaded assets (fonts\/images)\r\n        setTimeout(_scheduleAdjust, 200);\r\n        setTimeout(_scheduleAdjust, 600);\r\n    })();\r\n<\/script>\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-98cc90b code-studio-license-section e-flex e-con-boxed e-con e-parent\" data-id=\"98cc90b\" data-element_type=\"container\" id=\"code-studio-free-license\" 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-bbf5de4 e-con-full e-flex e-con e-child\" data-id=\"bbf5de4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc9a51a elementor-widget elementor-widget-elementskit-heading\" data-id=\"fc9a51a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Code Studio Free with Syncfusion License<\/h2><\/div><\/div>\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-ca9ad10 e-con-full e-grid e-con e-child\" data-id=\"ca9ad10\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-71dd8db e-con-full syncfusion-license-card paid-license e-flex e-con e-child\" data-id=\"71dd8db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16bb052 license-badge elementor-widget elementor-widget-text-editor\" data-id=\"16bb052\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Syncfusion Active License<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e478868 elementor-widget elementor-widget-elementskit-heading\" data-id=\"e478868\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title \">Free <span class=\"license-title\">for up to <span class=\"license-text-bold\">100 developers<\/span><\/span><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea55fd5 license-list elementor-widget elementor-widget-elementskit-stylish-list\" data-id=\"ea55fd5\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-stylish-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t<ul class=\"ekit-stylish-list \" >\n\t\t\t\t\t\t\t<li class=\"ekit-stylish-list-content-wrapper elementor-repeater-item-e5f0f22\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-icon\">\t\t\t\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6.25033 9.99984L8.75033 12.4998L13.7503 7.49984M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z\" stroke=\"#475569\" stroke-opacity=\"0.6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-text\">\n\t\t\t\t\t\t\t<span class=\"ekit-stylish-list-content-title\">For organizations with an active Syncfusion license.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"ekit-stylish-list-content-wrapper elementor-repeater-item-9941f18\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-icon\">\t\t\t\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6.25033 9.99984L8.75033 12.4998L13.7503 7.49984M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z\" stroke=\"#475569\" stroke-opacity=\"0.6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-text\">\n\t\t\t\t\t\t\t<span class=\"ekit-stylish-list-content-title\">Includes 5,000 starter credits for the first month.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-904f2b1 animated-fast get-started-now elementor-align-center elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"904f2b1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;pulse&quot;,&quot;_animation_delay&quot;:200,&quot;eael_hover_effect_transform_hover_popover&quot;:&quot;yes&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;}\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/app.sfcodestudio.com\/?getStarted=true\" class=\"elementskit-btn  whitespace--normal\" id=\"\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\tStart for Free\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\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-d7895dd e-con-full syncfusion-license-card community-license-card e-flex e-con e-child\" data-id=\"d7895dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f30bc1 license-badge elementor-widget elementor-widget-text-editor\" data-id=\"4f30bc1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Syncfusion Community License<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23f51a elementor-widget elementor-widget-elementskit-heading\" data-id=\"a23f51a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title \">Free <span class=\"license-title\">for up to <span class=\"license-text-bold\">5 developers<\/span><\/span><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf01f2 license-list elementor-widget elementor-widget-elementskit-stylish-list\" data-id=\"7cf01f2\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-stylish-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t<ul class=\"ekit-stylish-list \" >\n\t\t\t\t\t\t\t<li class=\"ekit-stylish-list-content-wrapper elementor-repeater-item-e5f0f22\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-icon\">\t\t\t\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6.25033 9.99984L8.75033 12.4998L13.7503 7.49984M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z\" stroke=\"#475569\" stroke-opacity=\"0.6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-text\">\n\t\t\t\t\t\t\t<span class=\"ekit-stylish-list-content-title\">For teams using Syncfusion under <span class=\"license-text-bold\"><a class=\"sf-cl-link\" href=\"https:\/\/www.syncfusion.com\/products\/communitylicense\">Community License<\/a><\/span>.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"ekit-stylish-list-content-wrapper elementor-repeater-item-9941f18\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-icon\">\t\t\t\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6.25033 9.99984L8.75033 12.4998L13.7503 7.49984M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z\" stroke=\"#475569\" stroke-opacity=\"0.6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-stylish-list-content-text\">\n\t\t\t\t\t\t\t<span class=\"ekit-stylish-list-content-title\">No starter credits included.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-17d97f7 animated-fast elementor-align-center elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"17d97f7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;pulse&quot;,&quot;_animation_delay&quot;:200,&quot;eael_hover_effect_transform_hover_popover&quot;:&quot;yes&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;}\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/app.sfcodestudio.com\/?getStarted=true\" class=\"elementskit-btn  whitespace--normal\" id=\"\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\tStart for Free\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-778fb6e e-flex e-con-boxed e-con e-parent\" data-id=\"778fb6e\" data-element_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-ec5fd79 e-con-full e-flex e-con e-child\" data-id=\"ec5fd79\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33cb835 elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"33cb835\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Start Free with <span><span>Code Studio<\/span><\/span><\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Ship features faster today. Add Enterprise Server when you're ready to govern models, budgets, and reliability.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-c338343 animated-fast elementor-align-center elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"c338343\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;pulse&quot;,&quot;_animation_delay&quot;:200,&quot;eael_hover_effect_transform_hover_popover&quot;:&quot;yes&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;}\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/app.sfcodestudio.com\/?getStarted=true\" class=\"elementskit-btn  whitespace--normal\" id=\"\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\tGet Started for Free\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\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-f7cbd3d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"f7cbd3d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c09d2 elementor-widget elementor-widget-html\" data-id=\"e4c09d2\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const container = document.getElementById('pro-plan-tag');\r\n  if (!container) return;\r\n\r\n  const h3 = container.querySelector('h3');\r\n  if (!h3) return;\r\n\r\n  \/\/ Create span once\r\n  const span = document.createElement('span');\r\n  span.textContent = 'Popular';\r\n  span.className = 'popular-badge'; \/\/ for styling reference\r\n\r\n  \/\/ Apply base styles\r\n  Object.assign(span.style, {\r\n    position: 'absolute',\r\n    right: '-20px',\r\n    marginBlockStart: '16px',\r\n    background: '#f1e8ff',\r\n    color: '#6a27d8',\r\n    paddingInlineStart: '14px',\r\n    paddingInlineEnd: '8px',\r\n    paddingBlock: '4px',\r\n    fontSize: '13px',\r\n    fontWeight: '700',\r\n    textTransform: 'none',\r\n    letterSpacing: '0.3px',\r\n    fontFamily: '\"Open Sans\", \"Helvetica\", \"Arial\", sans-serif',\r\n    clipPath: 'polygon(0 0%, 100% 0%, 100% 100%, 14px 100%)',\r\n    zIndex: '1'\r\n  });\r\n\r\n  h3.style.position = 'relative';\r\n  h3.appendChild(span);\r\n\r\n  \/\/ Function to update top value based on viewport\r\n  function updateTopPosition() {\r\n    const isTablet = window.innerWidth >= 320 && window.innerWidth <= 1024;\r\n    span.style.top = isTablet ? '-25px' : '-38px';\r\n  }\r\n\r\n  \/\/ Run on load\r\n  updateTopPosition();\r\n\r\n  \/\/ Run on resize\r\n  window.addEventListener('resize', updateTopPosition);\r\n});\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Inject the CSS for .bold-text\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        .bold-text {\r\n            font-weight: 700;\r\n            color: #6a27d8;\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n\r\n    \/\/ Now process the subtitle\r\n    const subtitle = document.querySelector('.free-plan-table .elementskit-pricing-subtitle');\r\n    \r\n    if (subtitle) {\r\n        const originalText = subtitle.textContent;\r\n        const newText = originalText.replace(\/(Free for 1 user)\/g, '<span class=\"bold-text\">$1<\/span>');\r\n        subtitle.innerHTML = newText;\r\n    }\r\n});\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const section = document.getElementById('byok-section');\r\n    if (!section) return;\r\n\r\n    const titles = section.querySelectorAll('.elementor-repeater-item-b4e5723 .ekit-stylish-list-content-title');\r\n\r\n    \/\/ Define tooltip content \u2014 you can customize per item if needed\r\n    const tooltipText = \"Microsoft, GitHub, and Syncfusion.\"; \/\/ \u2190 Change this as needed per item\r\n\r\n    const svgString = `\r\n        <span class=\"tooltip-wrapper\" style=\"position: relative; display: inline-block;\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" \r\n                 style=\"margin-left: 5px; width: 14px; height: 14px; color: #81848d; vertical-align: top; fill: #81848d; cursor: help;\">\r\n                <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2\"><\/path>\r\n            <\/svg>\r\n            <span class=\"tooltip\" style=\"\r\n                position: absolute;\r\n                bottom: 150%;\r\n                left: 50%;\r\n                transform: translateX(-20%);\r\n                background: #1a1a1a;\r\n                color: white;\r\n                padding: 12px 16px;\r\n                border-radius: 12px;\r\n                font-size: 14px;\r\n                white-space: nowrap;\r\n                z-index: 1000;\r\n                pointer-events: none;\r\n                transition: opacity 0.2s ease;\r\n                font-family: 'Open Sans', Helvetica, Arial, sans-serif;\r\n                font-weight: 400;\r\n            \">\r\n                ${tooltipText}\r\n            <\/span>\r\n        <\/span>\r\n    `;\r\n\r\n    titles.forEach(title => {\r\n        title.insertAdjacentHTML('afterend', svgString);\r\n    });\r\n\r\n    \/\/ Optional: Add hover effect via JS if you need dynamic behavior or multiple tooltips\r\n    \/\/ But for now, we'll handle hover via CSS only (see below)\r\n});\r\n<\/script>\r\n\r\n<!-- Optional: Add global CSS for hover effect -->\r\n<style>\r\n.tooltip-wrapper:hover .tooltip {\r\n    display: block;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Add little pointer arrow *\/\r\n.tooltip-wrapper:hover .tooltip::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 21%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 6px solid transparent;\r\n    border-right: 6px solid transparent;\r\n    border-top: 6px solid #1a1a1a;\r\n}\r\n<\/style>\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-f665263 e-flex e-con-boxed e-con e-parent\" data-id=\"f665263\" data-element_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-5d28d2a e-con-full e-flex e-con e-child\" data-id=\"5d28d2a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-21d9210 e-con-full e-flex e-con e-child\" data-id=\"21d9210\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-299092a animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"299092a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Frequently Asked Questions<\/h2><\/div><\/div>\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<div class=\"elementor-element elementor-element-9f7a212 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"9f7a212\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e3e550a e-con-full e-flex e-con e-child\" data-id=\"e3e550a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804537f animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"804537f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">General &amp; Plan Selection<\/h2><\/div><\/div>\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<div class=\"elementor-element elementor-element-048158c e-con-full FAQ-section e-flex e-con e-child\" data-id=\"048158c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-09e2e51 e-con-full e-flex e-con e-child\" data-id=\"09e2e51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bedf80 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"0bedf80\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b6a43\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-0bedf80\">\n                        <a href=\"#collapse-bc2283069d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">What\u2019s included in the free plan?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>The free plan (Individual) gives full access to the Code Studio IDE and enterprise server for a single user. It includes all five AI modes (chat, edit, agent, plan, and autocomplete), quick actions, codebase searching, memory and image input support, MCP integration, and multiple AI provider connections.<\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-0bedf80\">\n                        <a href=\"#collapse-cf7945b69d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-cf7945b69d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-cf7945b69d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I switch between seat buckets? <\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-cf7945b69d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">Yes! You can upgrade to a higher seat bucket at any time. Downgrades take effect at the start of your next billing cycle.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-0bedf80\">\n                        <a href=\"#collapse-0081c0e69d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-0081c0e69d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-0081c0e69d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">How do I choose the right plan? <\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-0081c0e69d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><p>Code Studio offers four plans designed to match both your team size and operational needs:<\/p><ul><li><strong>Individual (Free):<\/strong> For solo developers or exploration. Full access to all core features with no credit card required.<\/li><li><strong>Small Team: <\/strong>Predictable pricing for growing teams, with premium models, team-wide credit pooling, usage analytics, budget controls, SSO, centralized user management, and standard SLA features.<\/li><li><strong>Medium Team: <\/strong>Business-grade features for scaling teams, including advanced admin controls, priority support, and business SLA features.<\/li><li><strong>Large Business:<\/strong> Enterprise-grade security, 24\/5 priority support, and custom pricing for larger organizations.<\/li><\/ul><\/div><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-3-0bedf80\">\n                        <a href=\"#collapse-99be66669d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-99be66669d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-99be66669d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">What are starter credits?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-99be66669d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Starter credits are team-level credits applied to usage charges in the first calendar month only. They exclude seat fees. Unused credits expire and are nontransferable. Available for paid tiers only (Small Team: 2,000; Medium Team: 10,000; Large Business: 15,000).<\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-4-0bedf80\">\n                        <a href=\"#collapse-262295169d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-262295169d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-262295169d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">How does team credit pooling work?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-262295169d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-4-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">All team members share a common pool of credits. This allows flexible usage across your team. Power users can consume more while others use less, optimizing your total credit spending.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-5-0bedf80\">\n                        <a href=\"#collapse-679db5b69d01821b6a43\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-679db5b69d01821b6a43\" aria-expanded=\"false\" aria-controls=\"Collapse-679db5b69d01821b6a43\">\n                            \n                            <span class=\"ekit-accordion-title\">Do credits expire?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-679db5b69d01821b6a43\" class=\" collapse\" aria-labelledby=\"primaryHeading-5-0bedf80\" data-parent=\"#accordion-69d01821b6a43\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">Starter credits (provided in the first month of paid plans) apply only to the first calendar month and expire if unused. Monthly recurring credits reset at the start of each billing cycle. Additional credits purchased through custom recharge remain available as long as your subscription stays active.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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-5d5d2cb e-con-full e-flex e-con e-child\" data-id=\"5d5d2cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1203d68 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"1203d68\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b715c\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-1203d68\">\n                        <a href=\"#collapse-bc2283069d01821b715c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b715c\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b715c\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I upgrade or downgrade later? <\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b715c\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-1203d68\" data-parent=\"#accordion-69d01821b715c\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\">Yes. You can switch plans at any time. All credits, team data, and settings carry over automatically.<\/div><\/div><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-1203d68\">\n                        <a href=\"#collapse-4040ff469d01821b715c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-4040ff469d01821b715c\" aria-expanded=\"false\" aria-controls=\"Collapse-4040ff469d01821b715c\">\n                            \n                            <span class=\"ekit-accordion-title\">Do you offer discounts for nonprofits or educational institutions? <\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-4040ff469d01821b715c\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-1203d68\" data-parent=\"#accordion-69d01821b715c\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><p>Yes! We offer special pricing for qualified educational institutions and nonprofit organizations. Contact our sales team to learn more about eligibility and discounts.<br \/><!--ScriptorEndFragment--><\/p><\/div><\/div><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-1203d68\">\n                        <a href=\"#collapse-5a9d0fb69d01821b715c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-5a9d0fb69d01821b715c\" aria-expanded=\"false\" aria-controls=\"Collapse-5a9d0fb69d01821b715c\">\n                            \n                            <span class=\"ekit-accordion-title\">How do Code Studio credits work?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-5a9d0fb69d01821b715c\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-1203d68\" data-parent=\"#accordion-69d01821b715c\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\">Credits measure how much AI processing your team uses. Each model request consumes credits depending on the model type and complexity.<\/div><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-3-1203d68\">\n                        <a href=\"#collapse-71dfc9669d01821b715c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-71dfc9669d01821b715c\" aria-expanded=\"false\" aria-controls=\"Collapse-71dfc9669d01821b715c\">\n                            \n                            <span class=\"ekit-accordion-title\">What happens after starter credits run out?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-71dfc9669d01821b715c\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-1203d68\" data-parent=\"#accordion-69d01821b715c\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><p>You can purchase additional credits at any time or set up auto-recharge. Paying users also get ongoing credits per user per month (amount varies by plan; refer to pricing details). Custom credit packages are available for all paid plans.<\/p><\/div><p><!--ScriptorEndFragment--><\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-4-1203d68\">\n                        <a href=\"#collapse-684463569d01821b715c\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-684463569d01821b715c\" aria-expanded=\"false\" aria-controls=\"Collapse-684463569d01821b715c\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I add more credits when I run out?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-684463569d01821b715c\" class=\" collapse\" aria-labelledby=\"primaryHeading-4-1203d68\" data-parent=\"#accordion-69d01821b715c\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\">Yes. All paid plans include custom credit recharging, allowing you to purchase and add more credits at any time.<br \/><!--ScriptorEndFragment--><\/div><p><!--ScriptorEndFragment--><\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2788a96 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2788a96\" data-element_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-4de10fd e-con-full e-flex e-con e-child\" data-id=\"4de10fd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d8997c animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"8d8997c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Credits and Usage<\/h2><\/div><\/div>\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-668ba14 e-con-full FAQ-section e-flex e-con e-child\" data-id=\"668ba14\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a9fc2c8 e-con-full e-flex e-con e-child\" data-id=\"a9fc2c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7244cf7 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"7244cf7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b8168\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-7244cf7\">\n                        <a href=\"#collapse-bc2283069d01821b8168\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b8168\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b8168\">\n                            \n                            <span class=\"ekit-accordion-title\">How do Code Studio credits work?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b8168\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-7244cf7\" data-parent=\"#accordion-69d01821b8168\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\">Credits measure how much AI processing your team uses. Each model request consumes credits depending on the model type and complexity.<\/div><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-7244cf7\">\n                        <a href=\"#collapse-8417e7169d01821b8168\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d01821b8168\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d01821b8168\">\n                            \n                            <span class=\"ekit-accordion-title\">What happens after starter credits run out?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169d01821b8168\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-7244cf7\" data-parent=\"#accordion-69d01821b8168\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\"><p>You can purchase additional credits at any time or set up auto-recharge. Paying users also get ongoing credits per user per month (amount varies by plan; refer to pricing details). Custom credit packages are available for all paid plans.<\/p><\/div><p><!--ScriptorEndFragment--><\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-7244cf7\">\n                        <a href=\"#collapse-e82910f69d01821b8168\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-e82910f69d01821b8168\" aria-expanded=\"false\" aria-controls=\"Collapse-e82910f69d01821b8168\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I add more credits when I run out?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-e82910f69d01821b8168\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-7244cf7\" data-parent=\"#accordion-69d01821b8168\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><div class=\"scriptor-paragraph\">Yes. All paid plans include custom credit recharging, allowing you to purchase and add more credits at any time.<br \/><!--ScriptorEndFragment--><\/div><p><!--ScriptorEndFragment--><\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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-847812b e-con-full e-flex e-con e-child\" data-id=\"847812b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-245d23a animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"245d23a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b8780\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-245d23a\">\n                        <a href=\"#collapse-bc2283069d01821b8780\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b8780\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b8780\">\n                            \n                            <span class=\"ekit-accordion-title\">What are starter credits?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b8780\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-245d23a\" data-parent=\"#accordion-69d01821b8780\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Starter credits are team-level credits applied to usage charges in the first calendar month only. They exclude seat fees. Unused credits expire and are nontransferable. Available for paid tiers only (Small Team: 2,000; Medium Team: 10,000; Large Business: 15,000).<\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-245d23a\">\n                        <a href=\"#collapse-8417e7169d01821b8780\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d01821b8780\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d01821b8780\">\n                            \n                            <span class=\"ekit-accordion-title\">How does team credit pooling work?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169d01821b8780\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-245d23a\" data-parent=\"#accordion-69d01821b8780\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">All team members share a common pool of credits. This allows flexible usage across your team. Power users can consume more while others use less, optimizing your total credit spending.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-245d23a\">\n                        <a href=\"#collapse-20c977f69d01821b8780\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-20c977f69d01821b8780\" aria-expanded=\"false\" aria-controls=\"Collapse-20c977f69d01821b8780\">\n                            \n                            <span class=\"ekit-accordion-title\">Do credits expire?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-20c977f69d01821b8780\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-245d23a\" data-parent=\"#accordion-69d01821b8780\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">Starter credits (provided in the first month of paid plans) apply only to the first calendar month and expire if unused. Monthly recurring credits reset at the start of each billing cycle. Additional credits purchased through custom recharge remain available as long as your subscription stays active.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c984b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"90c984b\" data-element_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-5b26504 e-con-full e-flex e-con e-child\" data-id=\"5b26504\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66d6555 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"66d6555\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">AI Models and Capabilities<\/h2><\/div><\/div>\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-21307e3 e-con-full FAQ-section e-flex e-con e-child\" data-id=\"21307e3\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3ebf20f e-con-full e-flex e-con e-child\" data-id=\"3ebf20f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21bcb87 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"21bcb87\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b96a4\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-21bcb87\">\n                        <a href=\"#collapse-bc2283069d01821b96a4\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b96a4\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b96a4\">\n                            \n                            <span class=\"ekit-accordion-title\">What are premium models?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b96a4\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-21bcb87\" data-parent=\"#accordion-69d01821b96a4\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p><span>Premium models in Code Studio are like GPT-5.4, Gemini 3.1, and Claude Sonnet 4.6. They offer higher-quality outputs, larger context windows, and improved reasoning. These are included in all paid plans.<\/span><\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-21bcb87\">\n                        <a href=\"#collapse-8417e7169d01821b96a4\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d01821b96a4\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d01821b96a4\">\n                            \n                            <span class=\"ekit-accordion-title\">What is the MCP server integration?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169d01821b96a4\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-21bcb87\" data-parent=\"#accordion-69d01821b96a4\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\">Code Studio supports the Model Context Protocol (MCP), allowing you to connect to MCP servers and marketplaces to expand the platform\u2019s capabilities. For example, Git MCP can automate Code Studio\u2019s agent mode to perform Git operations such as checkout or commit.<\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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-7ff500c e-con-full e-flex e-con e-child\" data-id=\"7ff500c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a61a88 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"1a61a88\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821b9c4a\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-1a61a88\">\n                        <a href=\"#collapse-bc2283069d01821b9c4a\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821b9c4a\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821b9c4a\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I use my own AI models?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821b9c4a\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-1a61a88\" data-parent=\"#accordion-69d01821b9c4a\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Yes. You can bring your own key\/model. You can connect your organization\u2019s private AI models or API keys securely within Code Studio.\u00a0<\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-1a61a88\">\n                        <a href=\"#collapse-8417e7169d01821b9c4a\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d01821b9c4a\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d01821b9c4a\">\n                            \n                            <span class=\"ekit-accordion-title\">What is the fallback policy?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169d01821b9c4a\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-1a61a88\" data-parent=\"#accordion-69d01821b9c4a\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <ul><li>The fallback policy ensures uninterrupted API usage when using models.<\/li><li><span>If a model fails due to API rate limits or long processing times, Code Studio automatically switches to another available model.<\/span><\/li><li>T<span>his helps maintain developer productivity and prevents workflow interruptions.<\/span><\/li><\/ul>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-617c9c3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"617c9c3\" data-element_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-4c678e9 e-con-full e-flex e-con e-child\" data-id=\"4c678e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c662d animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"47c662d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Collaboration and Management<\/h2><\/div><\/div>\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-4384149 e-con-full FAQ-section e-flex e-con e-child\" data-id=\"4384149\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0877f01 e-con-full e-flex e-con e-child\" data-id=\"0877f01\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37fe5af animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"37fe5af\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821bab39\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-37fe5af\">\n                        <a href=\"#collapse-bc2283069d01821bab39\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821bab39\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821bab39\">\n                            \n                            <span class=\"ekit-accordion-title\">What does centralized user management mean?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821bab39\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-37fe5af\" data-parent=\"#accordion-69d01821bab39\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Administrators can manage users, roles, and permissions in one place, making onboarding and access control straightforward.<\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-37fe5af\">\n                        <a href=\"#collapse-8417e7169d01821bab39\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d01821bab39\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d01821bab39\">\n                            \n                            <span class=\"ekit-accordion-title\">Does Code Studio provide usage analytics?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169d01821bab39\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-37fe5af\" data-parent=\"#accordion-69d01821bab39\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Yes. The usage dashboards show credit consumption, model activity, and cost trends, giving visibility into team productivity and expenses.<\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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-ddc6ebc e-con-full e-flex e-con e-child\" data-id=\"ddc6ebc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7bd9e animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"1c7bd9e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821bb0d8\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-1c7bd9e\">\n                        <a href=\"#collapse-bc2283069d01821bb0d8\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821bb0d8\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821bb0d8\">\n                            \n                            <span class=\"ekit-accordion-title\">Can I set budget limits for my team?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821bb0d8\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-1c7bd9e\" data-parent=\"#accordion-69d01821bb0d8\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>Yes. With user and team budget controls, admins can define spending limits to prevent overuse and monitor real-time consumption.<\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bd1ac1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2bd1ac1\" data-element_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-55c66f6 e-con-full e-flex e-con e-child\" data-id=\"55c66f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad018da animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"ad018da\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;css&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Deployment and Access<\/h2><\/div><\/div>\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-7769871 e-con-full FAQ-section e-flex e-con e-child\" data-id=\"7769871\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5af1db0 e-con-full e-flex e-con e-child\" data-id=\"5af1db0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e13ee59 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"e13ee59\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69d01821bbfd4\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-e13ee59\">\n                        <a href=\"#collapse-bc2283069d01821bbfd4\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d01821bbfd4\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d01821bbfd4\">\n                            \n                            <span class=\"ekit-accordion-title\">Can Code Studio be deployed on-premises?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-up\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069d01821bbfd4\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-e13ee59\" data-parent=\"#accordion-69d01821bbfd4\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <div class=\"scriptor-paragraph\"><p>No. Code Studio is a cloud-based service and does not support on-premises deployment.<\/p><p><!--ScriptorEndFragment--><\/p><\/div><p><!--ScriptorEndFragment--><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Find the Right Plan with a Guided Demo Request Demo Simple and Transparent Pricing Begin with Code Studio for free and easily upgrade as your organization grows. Yearly 20% OFF Monthly Individual Free for single users. Complete access to both the Code Studio IDE and enterprise server. $0 Free Start for Free Includes Full access [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15028","page","type-page","status-publish","hentry"],"acf":[],"rankMath":{"parentDomain":"www.syncfusion.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"pricing","permalinkFormat":"https:\/\/www.syncfusion.com\/code-studio\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/www.syncfusion.com\/code-studio\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":true,"primaryTaxonomy":false,"serpData":{"title":"Code Studio Pricing\u2014Free and Enterprise Plans | Syncfusion\u00ae","description":"Discover Code Studio\u2019s pricing for its free and enterprise options. Choose the right option for secure AI development, team governance, and scalability.","focusKeywords":"","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"Code Studio Pricing\u2014Free and Enterprise Plans | Syncfusion\u00ae","facebookDescription":"Discover Code Studio\u2019s pricing for its free and enterprise options. Choose the right option for secure AI development, team governance, and scalability.","facebookImage":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2025\/09\/Pricing.webp","facebookImageID":"11390","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"rahul.rengaraj@syncfusion.com","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":["a cut above","absolute","absolutely","absolutely lowest","absurd","abuse","accurate","accuse","achieve","actionable","adaptable","adequate","admit","adorable","advantage","advice","affordable","aggravate","aggressive","agitated","agonizing","agony","alarmed","alarming","alienated","aligned","alive","all-inclusive","alluring","always","amazing","amp","animated","annihilate","announcing","anonymous","antagonistic","anxious","apocalypse","appalled","approved","approving","argumentative","armageddon","arrogant","ass kicking","assault","assured","astonishing","astounded","astounding","at ease","atrocious","attack","attractive","audacity","authentic","authoritative","authority","avoid","aware","awe-inspiring","awesome","awkward","backbone","backdoor","backed","backlash","backstabbing","badass","balanced","banned","bargain","barrage","basic","battle","beaming","beat down","beating","beautiful","beauty","begging","behind the scenes","belief","belong","best","best-selling","better","beware","big","billion","black market","blacklisted","blast","blessed","blinded","blissful","blood","bloodbath","bloodcurdling","bloody","blunder","blushing","bold","bomb","bona","bona fide","bonanza","bonus","bootleg","bottom line","bountiful","brave","bravery","brazen","break","breaking","breakthrough","breathtaking","bright","brilliant","broke","brutal","budget","buffoon","bullshit","bully","bumbling","buy","cadaver","calm","cancel anytime","capable","captivate","captivating","carefree","case study","cash","cataclysmic","catapult","catastrophe","caution","censored","centered","certain","certainly","certified","challenge","charming","cheap","cheat","cheat-sheet","cheer","cheerful","child-like","clarity","classified","clear","clueless","collapse","colorful","colossal","comfortable","compare","competitive","complete","completely","completeness","comprehensive","compromise","compulsive","concealed","conclusive","condemning","condescending","confess","confession","confessions","confident","confidential","conquer","conscientious","constructive","content","contrary","controlling","controversial","convenient","convert","cool","cooperative","copy","corpse","corrupt","corrupting","courage","courageous","cover-up","covert","coward","cowardly","crammed","crave","crazy","create","creative","cringeworthy","cripple","crisis","critical","crooked","crush","crushing","damaging","danger","dangerous","daring","dazzling","dead","deadline","deadly","death","decadent","deceived","deceptive","deep","defiance","definitely","definitive","defying","dejected","delicious","delight","delighted","delightful","delirious","delivered","demoralizing","deplorable","depraved","desire","desperate","despicable","destiny","destroy","detailed","devastating","devoted","diagnosed","direct","dirty","disadvantages","disastrous","discount","discover","disdainful","disempowered","disgusted","disgusting","dishonest","disillusioned","disoriented","distracted","distraught","distressed","distrustful","divulge","document","dollar","dominate","doomed","double","doubtful","download","dreadful","dreamy","drive","drowning","dumb","dynamic","eager","earnest","easily","easy","economical","ecstatic","edge","effective","efficient","effortless","elated","eliminate","elite","embarrass","embarrassed","embarrassing","emergency","emerging","emphasize","empowered","enchant","encouraged","endorsed","energetic","energy","enormous","enraged","enthusiastic","envy","epic","epidemic","essential","ethical","euphoric","evil","exactly","exasperated","excellent","excited","excitement","exciting","exclusive","exclusivity","excruciating","exhilarated","expensive","expert","explode","exploit","explosive","exposed","exquisite","extra","extraordinary","extremely","exuberant","eye-opening","fail","fail-proof","failure","faith","famous","fantasy","fascinating","fatigued","faux","faux pas","fearless","feast","feeble","festive","fide","fierce","fight","final","fine","fired","first","first ever","flirt","fluid","focus","focused","fool","fooled","foolish","forbidden","force-fed","forever","forgiving","forgotten","formula","fortune","foul","frantic","free","freebie","freedom","frenzied","frenzy","frightening","frisky","frugal","frustrated","fulfill","fulfilled","full","fully","fun","fun-loving","fundamentals","funniest","funny","furious","gambling","gargantuan","genius","genuine","gift","gigantic","giveaway","glamorous","gleeful","glorious","glowing","goddamn","gorgeous","graceful","grateful","gratified","gravity","great","greatest","greatness","greed","greedy","gripping","grit","grounded","growth","guaranteed","guilt","guilt-free","gullible","guts","hack","happiness","happy","harmful","harsh","hate","have you heard","havoc","hazardous","healthy","heart","heartbreaking","heartwarming","heavenly","hell","helpful","helplessness","hero","hesitant","hidden","high tech","highest","highly effective","hilarious","hoak","hoax","honest","honored","hope","hopeful","horribly","horrific","horrifying","horror","hostile","how to","huge","humility","humor","hurricane","hurry","hypnotic","idiot","ignite","illegal","illusive","imagination","immediately","imminently","impatience","impatient","impenetrable","important","impressive","improved","in the zone","incapable","incapacitated","incompetent","inconsiderate","increase","incredible","indecisive","indulgence","indulgent","inexpensive","inferior","informative","infuriated","ingredients","innocent","innovative","insane","insecure","insider","insidious","inspired","inspiring","instant savings","instantly","instructive","insult","intel","intelligent","intense","interesting","intriguing","introducing","invasion","investment","iron-clad","ironclad","irresistible","irs","is here","jackpot","jail","jaw-dropping","jealous","jeopardy","jittery","jovial","joyous","jubilant","judgmental","jumpstart","just arrived","keen","kickass","kickstart","kill","killed","killing","kills","know it all","lame","largest","lascivious","last","last chance","last minute","latest","laugh","laughing","launch","launching","lavishly","lawsuit","lazy","left behind","legendary","legitimate","liberal","liberated","lick","lies","life-changing","lifetime","light","lighthearted","likely","limited","literally","little-known","loathsome","lonely","looming","loser","lost","love","lucrative","lunatic","lurking","lust","luxurious","luxury","lying","magic","magical","magnificent","mainstream","malicious","mammoth","manipulative","marked down","massive","master","masterclass","maul","mediocre","meditative","meltdown","memorability","memorable","menacing","mesmerizing","meticulous","mind-blowing","minimalist","miracle","mired","mischievous","misgiving","missing out","mistake","monetize","money","moneyback","moneygrubbing","monumental","most important","motivated","mouth-watering","murder","mystery","nail","naked","natural","naughty","nazi","nest egg","never","new","nightmare","no good","no obligation","no one talks about","no questions asked","no risk","no strings attached","non-controlling","noted","novelty","now","obnoxious","obsessed","obsession","obvious","odd","off-kilter","off-limits","off-the record","offensive","official","okay","on-demand","open-minded","opportunities","optimistic","ordeal","outlawed","outrageousness","outstanding","overcome","overjoyed","overnight","overwhelmed","packed","painful","painless","painstaking","pale","panic","panicked","paralyzed","pas","passionate","pathetic","pay zero","payback","perfect","peril","perplexed","perspective","pessimistic","pioneering","piranha","pitfall","pitiful","placid","plague","played","playful","pleased","pluck","plummet","plunge","poison","poisonous","polarizing","poor","popular","portfolio","pound","powerful","powerless","practical","preposterous","prestige","price","priceless","pride","prison","privacy","private","privileged","prize","problem","productive","professional","profit","profitable","profound","promiscuous","promising","promote","protect","protected","proven","provocative","provoke","psychological","pummel","punch","punish","pus","quadruple","quality","quarrelsome","quick","quick-start","quickly","quiet","radiant","rare","ravenous","rebellious","recession-proof","reckoning","recognized","recommend","recreate","reduced","reflective","refugee","refund","refundable","reject","relaxed","release","relentless","reliable","remarkable","replicate","report","reprimanding","repulsed","repulsive","research","resentful","resourceful","responsible","responsive","rested","restricted","results","retaliating","reveal","revealing","revenge","revengeful","revisited","revolting","revolutionary","reward","rich","ridiculous","risky","riveting","rookie","rowdy","ruin","rules","ruthless","sabotaging","sacred","sadistic","sadly","sadness","safe","safety","sale","sampler","sarcastic","satisfied","savage","savagery","save","savings","savvy","scam","scandal","scandalous","scarce","scared","scary","scornful","scream","searing","secret","secret agenda","secret plot","secrets","secure","security","seductive","seething","seize","selected","self-hating","self-sufficient","sensational","senseless","sensual","serene","seriously","severe","sex","sexy","shaking","shameful","shameless","shaming","shatter","shellacking","shocking","should","shrewd","sick and tired","signs","silly","simple","simplicity","simplified","simplistic","sincere","sinful","sins","six-figure","sizable","sizzle","sizzled","sizzles","sizzling","sizzlingly","skill","skyrocket","slaughter","slave","sleazy","sleeping","sly","smash","smiling","smug","smuggle","smuggled","sneak-peek","sneaky","sniveling","snob","snooty","snotty","soar","soaring","solid","solution","spank","special","spectacular","speedy","spell-binding","spine","spirit","spirited","spiteful","spoiler","spontaneous","spotlight","spunky","squirming","stable","staggering","startling","steady","steal","stealthy","steamy","step-by-step","still","stoic","stop","strange","strangle","strategy","stressed","strong","strongly suggest","struggle","stuck up","studies","stunning","stupid","stupid-simple","sturdy","sublime","succeed","success","successful","suck","suddenly","suffer","sunny","super","super-human","superb","supercharge","superior","supported","supportive","sure","sure fire","surefire","surge","surging","surprise","surprised","surprising","survival","survive","suspicious","sweaty","swoon","swoon-worthy","tailspin","tank","tantalizing","targeted","tawdry","tease","technology","teetering","tempting","tenacious","tense","terrible","terrific","terrified","terrifying","terror","terrorist","tested","thankful","the truth","threaten","threatened","thrilled","thrilling","thug","ticked off","tickled","timely","today","torture","toxic","track record","trade secret","tragedy","tragic","transform","transparency","trap","trapped","trauma","traumatized","treacherous","treasure","tremendous","trend","tricks","triggers","triple","triumph","truly","trusting","trustworthy","truth","truthful","turbo-charge","turbocharges","tweaks","twitching","ultimate","unadulterated","unassuming","unauthorized","unbelievable","unburdened","uncaring","uncensored","uncertain","uncomfortable","unconditional","uncontrollable","unconventional","uncovered","undeniable","under priced","undercover","underground","underhanded","underused","unexpected","unforgettable","unheard of","unhurried","uninterested","unique","unjustified","unknowingly","unleashed","unlimited","unlock","unparalleled","unpopular","unreliable","unresponsive","unseen","unstable","unstoppable","unsure","unsurpassed","untapped","unusual","up-sell","upbeat","uplifted","uplifting","urge","urgent","useful","useless","validate","valor","valuable","value","vanquish","vaporize","venomous","verify","vibrant","vicious","victim","victory","vigorous","vilified","vindictive","violated","violent","volatile","vulnerable","waiting","wanted","wanton","warning","waste","weak","wealth","weird","what no one tells you","whip","whopping","wicked","wild","willpower","withheld","wonderful","wondrous","woozy","world","worry","worst","worthwhile","wounded","wreaking","youthful","zen","zinger"],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":true,"hasBreadcrumb":false},"homeUrl":"https:\/\/www.syncfusion.com\/code-studio","objectID":15028,"objectType":"post","locale":"en","localeFull":"en_US","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/var\/www\/html\/code-studio\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/var\/www\/html\/code-studio\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2025\/06\/code-studio-logo-preview.webp","customPermalinks":true,"isUserRegistered":true,"autoSuggestKeywords":true,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fwww.syncfusion.com%2Fcode-studio&r=https%3A%2F%2Fwww.syncfusion.com%2Fcode-studio%2Fwp-json%2Fwp%2Fv2%2Fpages%2F15028%3Fnonce%3D2174601cc0&pro=1","maxTags":100,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/uploads\/2025\/06\/favicon.ico","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"showKeywordIntent":true,"isPro":true,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/www.syncfusion.com\/code-studio\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":["a cut above","absolute","absolutely","absolutely lowest","absurd","abuse","accurate","accuse","achieve","actionable","adaptable","adequate","admit","adorable","advantage","advice","affordable","aggravate","aggressive","agitated","agonizing","agony","alarmed","alarming","alienated","aligned","alive","all-inclusive","alluring","always","amazing","amp","animated","annihilate","announcing","anonymous","antagonistic","anxious","apocalypse","appalled","approved","approving","argumentative","armageddon","arrogant","ass kicking","assault","assured","astonishing","astounded","astounding","at ease","atrocious","attack","attractive","audacity","authentic","authoritative","authority","avoid","aware","awe-inspiring","awesome","awkward","backbone","backdoor","backed","backlash","backstabbing","badass","balanced","banned","bargain","barrage","basic","battle","beaming","beat down","beating","beautiful","beauty","begging","behind the scenes","belief","belong","best","best-selling","better","beware","big","billion","black market","blacklisted","blast","blessed","blinded","blissful","blood","bloodbath","bloodcurdling","bloody","blunder","blushing","bold","bomb","bona","bona fide","bonanza","bonus","bootleg","bottom line","bountiful","brave","bravery","brazen","break","breaking","breakthrough","breathtaking","bright","brilliant","broke","brutal","budget","buffoon","bullshit","bully","bumbling","buy","cadaver","calm","cancel anytime","capable","captivate","captivating","carefree","case study","cash","cataclysmic","catapult","catastrophe","caution","censored","centered","certain","certainly","certified","challenge","charming","cheap","cheat","cheat-sheet","cheer","cheerful","child-like","clarity","classified","clear","clueless","collapse","colorful","colossal","comfortable","compare","competitive","complete","completely","completeness","comprehensive","compromise","compulsive","concealed","conclusive","condemning","condescending","confess","confession","confessions","confident","confidential","conquer","conscientious","constructive","content","contrary","controlling","controversial","convenient","convert","cool","cooperative","copy","corpse","corrupt","corrupting","courage","courageous","cover-up","covert","coward","cowardly","crammed","crave","crazy","create","creative","cringeworthy","cripple","crisis","critical","crooked","crush","crushing","damaging","danger","dangerous","daring","dazzling","dead","deadline","deadly","death","decadent","deceived","deceptive","deep","defiance","definitely","definitive","defying","dejected","delicious","delight","delighted","delightful","delirious","delivered","demoralizing","deplorable","depraved","desire","desperate","despicable","destiny","destroy","detailed","devastating","devoted","diagnosed","direct","dirty","disadvantages","disastrous","discount","discover","disdainful","disempowered","disgusted","disgusting","dishonest","disillusioned","disoriented","distracted","distraught","distressed","distrustful","divulge","document","dollar","dominate","doomed","double","doubtful","download","dreadful","dreamy","drive","drowning","dumb","dynamic","eager","earnest","easily","easy","economical","ecstatic","edge","effective","efficient","effortless","elated","eliminate","elite","embarrass","embarrassed","embarrassing","emergency","emerging","emphasize","empowered","enchant","encouraged","endorsed","energetic","energy","enormous","enraged","enthusiastic","envy","epic","epidemic","essential","ethical","euphoric","evil","exactly","exasperated","excellent","excited","excitement","exciting","exclusive","exclusivity","excruciating","exhilarated","expensive","expert","explode","exploit","explosive","exposed","exquisite","extra","extraordinary","extremely","exuberant","eye-opening","fail","fail-proof","failure","faith","famous","fantasy","fascinating","fatigued","faux","faux pas","fearless","feast","feeble","festive","fide","fierce","fight","final","fine","fired","first","first ever","flirt","fluid","focus","focused","fool","fooled","foolish","forbidden","force-fed","forever","forgiving","forgotten","formula","fortune","foul","frantic","free","freebie","freedom","frenzied","frenzy","frightening","frisky","frugal","frustrated","fulfill","fulfilled","full","fully","fun","fun-loving","fundamentals","funniest","funny","furious","gambling","gargantuan","genius","genuine","gift","gigantic","giveaway","glamorous","gleeful","glorious","glowing","goddamn","gorgeous","graceful","grateful","gratified","gravity","great","greatest","greatness","greed","greedy","gripping","grit","grounded","growth","guaranteed","guilt","guilt-free","gullible","guts","hack","happiness","happy","harmful","harsh","hate","have you heard","havoc","hazardous","healthy","heart","heartbreaking","heartwarming","heavenly","hell","helpful","helplessness","hero","hesitant","hidden","high tech","highest","highly effective","hilarious","hoak","hoax","honest","honored","hope","hopeful","horribly","horrific","horrifying","horror","hostile","how to","huge","humility","humor","hurricane","hurry","hypnotic","idiot","ignite","illegal","illusive","imagination","immediately","imminently","impatience","impatient","impenetrable","important","impressive","improved","in the zone","incapable","incapacitated","incompetent","inconsiderate","increase","incredible","indecisive","indulgence","indulgent","inexpensive","inferior","informative","infuriated","ingredients","innocent","innovative","insane","insecure","insider","insidious","inspired","inspiring","instant savings","instantly","instructive","insult","intel","intelligent","intense","interesting","intriguing","introducing","invasion","investment","iron-clad","ironclad","irresistible","irs","is here","jackpot","jail","jaw-dropping","jealous","jeopardy","jittery","jovial","joyous","jubilant","judgmental","jumpstart","just arrived","keen","kickass","kickstart","kill","killed","killing","kills","know it all","lame","largest","lascivious","last","last chance","last minute","latest","laugh","laughing","launch","launching","lavishly","lawsuit","lazy","left behind","legendary","legitimate","liberal","liberated","lick","lies","life-changing","lifetime","light","lighthearted","likely","limited","literally","little-known","loathsome","lonely","looming","loser","lost","love","lucrative","lunatic","lurking","lust","luxurious","luxury","lying","magic","magical","magnificent","mainstream","malicious","mammoth","manipulative","marked down","massive","master","masterclass","maul","mediocre","meditative","meltdown","memorability","memorable","menacing","mesmerizing","meticulous","mind-blowing","minimalist","miracle","mired","mischievous","misgiving","missing out","mistake","monetize","money","moneyback","moneygrubbing","monumental","most important","motivated","mouth-watering","murder","mystery","nail","naked","natural","naughty","nazi","nest egg","never","new","nightmare","no good","no obligation","no one talks about","no questions asked","no risk","no strings attached","non-controlling","noted","novelty","now","obnoxious","obsessed","obsession","obvious","odd","off-kilter","off-limits","off-the record","offensive","official","okay","on-demand","open-minded","opportunities","optimistic","ordeal","outlawed","outrageousness","outstanding","overcome","overjoyed","overnight","overwhelmed","packed","painful","painless","painstaking","pale","panic","panicked","paralyzed","pas","passionate","pathetic","pay zero","payback","perfect","peril","perplexed","perspective","pessimistic","pioneering","piranha","pitfall","pitiful","placid","plague","played","playful","pleased","pluck","plummet","plunge","poison","poisonous","polarizing","poor","popular","portfolio","pound","powerful","powerless","practical","preposterous","prestige","price","priceless","pride","prison","privacy","private","privileged","prize","problem","productive","professional","profit","profitable","profound","promiscuous","promising","promote","protect","protected","proven","provocative","provoke","psychological","pummel","punch","punish","pus","quadruple","quality","quarrelsome","quick","quick-start","quickly","quiet","radiant","rare","ravenous","rebellious","recession-proof","reckoning","recognized","recommend","recreate","reduced","reflective","refugee","refund","refundable","reject","relaxed","release","relentless","reliable","remarkable","replicate","report","reprimanding","repulsed","repulsive","research","resentful","resourceful","responsible","responsive","rested","restricted","results","retaliating","reveal","revealing","revenge","revengeful","revisited","revolting","revolutionary","reward","rich","ridiculous","risky","riveting","rookie","rowdy","ruin","rules","ruthless","sabotaging","sacred","sadistic","sadly","sadness","safe","safety","sale","sampler","sarcastic","satisfied","savage","savagery","save","savings","savvy","scam","scandal","scandalous","scarce","scared","scary","scornful","scream","searing","secret","secret agenda","secret plot","secrets","secure","security","seductive","seething","seize","selected","self-hating","self-sufficient","sensational","senseless","sensual","serene","seriously","severe","sex","sexy","shaking","shameful","shameless","shaming","shatter","shellacking","shocking","should","shrewd","sick and tired","signs","silly","simple","simplicity","simplified","simplistic","sincere","sinful","sins","six-figure","sizable","sizzle","sizzled","sizzles","sizzling","sizzlingly","skill","skyrocket","slaughter","slave","sleazy","sleeping","sly","smash","smiling","smug","smuggle","smuggled","sneak-peek","sneaky","sniveling","snob","snooty","snotty","soar","soaring","solid","solution","spank","special","spectacular","speedy","spell-binding","spine","spirit","spirited","spiteful","spoiler","spontaneous","spotlight","spunky","squirming","stable","staggering","startling","steady","steal","stealthy","steamy","step-by-step","still","stoic","stop","strange","strangle","strategy","stressed","strong","strongly suggest","struggle","stuck up","studies","stunning","stupid","stupid-simple","sturdy","sublime","succeed","success","successful","suck","suddenly","suffer","sunny","super","super-human","superb","supercharge","superior","supported","supportive","sure","sure fire","surefire","surge","surging","surprise","surprised","surprising","survival","survive","suspicious","sweaty","swoon","swoon-worthy","tailspin","tank","tantalizing","targeted","tawdry","tease","technology","teetering","tempting","tenacious","tense","terrible","terrific","terrified","terrifying","terror","terrorist","tested","thankful","the truth","threaten","threatened","thrilled","thrilling","thug","ticked off","tickled","timely","today","torture","toxic","track record","trade secret","tragedy","tragic","transform","transparency","trap","trapped","trauma","traumatized","treacherous","treasure","tremendous","trend","tricks","triggers","triple","triumph","truly","trusting","trustworthy","truth","truthful","turbo-charge","turbocharges","tweaks","twitching","ultimate","unadulterated","unassuming","unauthorized","unbelievable","unburdened","uncaring","uncensored","uncertain","uncomfortable","unconditional","uncontrollable","unconventional","uncovered","undeniable","under priced","undercover","underground","underhanded","underused","unexpected","unforgettable","unheard of","unhurried","uninterested","unique","unjustified","unknowingly","unleashed","unlimited","unlock","unparalleled","unpopular","unreliable","unresponsive","unseen","unstable","unstoppable","unsure","unsurpassed","untapped","unusual","up-sell","upbeat","uplifted","uplifting","urge","urgent","useful","useless","validate","valor","valuable","value","vanquish","vaporize","venomous","verify","vibrant","vicious","victim","victory","vigorous","vilified","vindictive","violated","violent","volatile","vulnerable","waiting","wanted","wanton","warning","waste","weak","wealth","weird","what no one tells you","whip","whopping","wicked","wild","willpower","withheld","wonderful","wondrous","woozy","world","worry","worst","worthwhile","wounded","wreaking","youthful","zen","zinger"],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"searchIntents":[],"isAnalyticsConnected":false,"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/pages\/15028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/comments?post=15028"}],"version-history":[{"count":267,"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/pages\/15028\/revisions"}],"predecessor-version":[{"id":17578,"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/pages\/15028\/revisions\/17578"}],"wp:attachment":[{"href":"https:\/\/www.syncfusion.com\/code-studio\/wp-json\/wp\/v2\/media?parent=15028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}