{"id":1205,"date":"2026-09-01T00:03:36","date_gmt":"2026-09-01T00:03:36","guid":{"rendered":"https:\/\/nscontinent.com\/?page_id=1205"},"modified":"2026-09-01T00:16:30","modified_gmt":"2026-09-01T00:16:30","slug":"incoterm-cost-calculator","status":"publish","type":"page","link":"https:\/\/nscontinent.com\/id\/incoterm-cost-calculator\/","title":{"rendered":"Incoterm Cost Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1205\" class=\"elementor elementor-1205\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a207a9 e-con e-atomic-element e-flexbox-base e-4127739 \" data-id=\"7a207a9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7a207a9\">\n    \t\t<div class=\"elementor-element elementor-element-ff2fa26 elementor-widget elementor-widget-html\" data-id=\"ff2fa26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CONTINENT\r\n     INCOTERM PRICE BUILDER\r\n\r\n     INCOTERMS\u00ae 2020\r\n     COMMERCIAL VALUE + UNIT PRICE BUILDER\r\n\r\n     FULL REPLACEMENT VERSION\r\n\r\n     FEATURES\r\n     - Full width layout\r\n     - Compact Incoterm selector\r\n     - Dynamic responsibility cost fields\r\n     - Separate export clearance \/ origin handling\r\n     - Dynamic field descriptions\r\n     - Sales unit calculation\r\n     - Goods Price \/ Unit\r\n     - Incoterm Cost \/ Unit\r\n     - Final Incoterm Price \/ Unit\r\n     - Load Example for every Incoterm\r\n     - Comparison of all 11 Incoterms\r\n     - Rules\r\n     - SEO \/ GEO content\r\n     - FAQ\r\n     - Single instance protection\r\n     - WordPress delayed DOM protection\r\n\r\n     IMPORTANT\r\n     - BODY ONLY\r\n     - NO HEADER\r\n     - NO FOOTER\r\n     - NO NAVIGATION\r\n========================================================= -->\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SINGLE INSTANCE VISUAL LOCK\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-price-builder-instance\r\n~ .nsc-incoterm-price-builder-instance {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOT VARIABLES\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-price-builder-instance {\r\n\r\n    --navy:\r\n        #012d5a;\r\n\r\n    --navy-dark:\r\n        #001b35;\r\n\r\n    --navy-deep:\r\n        #001326;\r\n\r\n    --navy-soft:\r\n        #073e70;\r\n\r\n    --blue:\r\n        #0b4f8a;\r\n\r\n    --blue-light:\r\n        #eef5fb;\r\n\r\n    --gold:\r\n        #c9a227;\r\n\r\n    --gold-light:\r\n        #e3c65b;\r\n\r\n    --gold-soft:\r\n        #fff9e8;\r\n\r\n    --gold-border:\r\n        #eadca5;\r\n\r\n    --text:\r\n        #172b3a;\r\n\r\n    --muted:\r\n        #687989;\r\n\r\n    --muted-light:\r\n        #98a7b4;\r\n\r\n    --white:\r\n        #ffffff;\r\n\r\n    --light:\r\n        #f5f8fb;\r\n\r\n    --border:\r\n        #dce5ed;\r\n\r\n    --border-dark:\r\n        #c7d5e2;\r\n\r\n    --green:\r\n        #28734d;\r\n\r\n    --green-light:\r\n        #edf8f2;\r\n\r\n    --shadow:\r\n        0 15px 45px\r\n        rgba(1,45,90,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-price-builder-instance {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0;\r\n\r\n    padding:\r\n        0;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-price-builder-instance *,\r\n.nsc-incoterm-price-builder-instance *::before,\r\n.nsc-incoterm-price-builder-instance *::after {\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-price-builder-instance\r\nbutton,\r\n.nsc-incoterm-price-builder-instance\r\ninput,\r\n.nsc-incoterm-price-builder-instance\r\nselect {\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-price-builder-instance\r\nbutton {\r\n\r\n    appearance:\r\n        none;\r\n\r\n    -webkit-appearance:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-container {\r\n\r\n    width:\r\n        min(\r\n            1400px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-hero {\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    padding:\r\n        74px 0\r\n        64px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 82% 18%,\r\n            rgba(21,101,166,.44),\r\n            transparent 34%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            var(--navy-deep),\r\n            var(--navy)\r\n        );\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    width:\r\n        630px;\r\n\r\n    height:\r\n        630px;\r\n\r\n    right:\r\n        -280px;\r\n\r\n    top:\r\n        -330px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    width:\r\n        400px;\r\n\r\n    height:\r\n        400px;\r\n\r\n    left:\r\n        -275px;\r\n\r\n    bottom:\r\n        -310px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.065);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero-content {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    max-width:\r\n        920px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-eyebrow {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-eyebrow::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    width:\r\n        28px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero h1 {\r\n\r\n    margin:\r\n        16px 0 0;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        clamp(\r\n            40px,\r\n            5.7vw,\r\n            70px\r\n        );\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    line-height:\r\n        1.04;\r\n\r\n    letter-spacing:\r\n        -2px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero h1 span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        10px;\r\n\r\n    color:\r\n        #9ec5e5;\r\n\r\n    font-size:\r\n        clamp(\r\n            23px,\r\n            3.3vw,\r\n            40px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-hero p {\r\n\r\n    max-width:\r\n        800px;\r\n\r\n    margin:\r\n        23px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.74);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-main {\r\n\r\n    padding:\r\n        34px 0\r\n        85px;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPACT SELECTOR\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-selector {\r\n\r\n    width:\r\n        100%;\r\n\r\n    padding:\r\n        17px 19px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    box-shadow:\r\n        0 10px 35px\r\n        rgba(1,45,90,.065);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selector-header {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        20px;\r\n\r\n    margin-bottom:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selector-title {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .9px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selector-hint {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-selector {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            11,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        6px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-button {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    min-height:\r\n        58px;\r\n\r\n    padding:\r\n        8px 5px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    text-align:\r\n        center;\r\n\r\n    transition:\r\n        .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-button:hover {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    border-color:\r\n        var(--border-dark);\r\n\r\n    background:\r\n        #fbfdff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-button.active {\r\n\r\n    border-color:\r\n        var(--gold);\r\n\r\n    background:\r\n        var(--gold-soft);\r\n\r\n    box-shadow:\r\n        inset 0 2px 0\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-code {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    line-height:\r\n        1;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-term-name {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        6.5px;\r\n\r\n    line-height:\r\n        1.25;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECTED TERM BAR\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-selected-bar {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        auto\r\n        1fr\r\n        auto\r\n        auto;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        13px;\r\n\r\n    margin-top:\r\n        12px;\r\n\r\n    padding:\r\n        11px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--gold-border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        var(--gold-soft);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selected-code {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    width:\r\n        47px;\r\n\r\n    height:\r\n        35px;\r\n\r\n    border-radius:\r\n        6px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selected-main strong {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selected-main span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        1px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.45;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selected-endpoint {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    text-align:\r\n        right;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-selected-endpoint strong {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        2px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-load-example {\r\n\r\n    min-height:\r\n        37px;\r\n\r\n    padding:\r\n        0 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,162,39,.65);\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n    transition:\r\n        .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-load-example:hover {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    background:\r\n        var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORKSPACE\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-workspace {\r\n\r\n    width:\r\n        100%;\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-panel {\r\n\r\n    width:\r\n        100%;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    box-shadow:\r\n        var(--shadow);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-panel,\r\n.nsc-incoterm-comparison-panel {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-panel-header {\r\n\r\n    padding:\r\n        22px 25px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-panel-header h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        20px;\r\n\r\n    line-height:\r\n        1.25;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-panel-header p {\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL BODY\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-panel-body {\r\n\r\n    padding:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TITLE\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-section-title {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    margin:\r\n        0 0 14px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        1.2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-section-title::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    flex:\r\n        1;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-section-spacing {\r\n\r\n    margin-top:\r\n        26px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM GRID\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-form-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        15px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field {\r\n\r\n    min-width:\r\n        0;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field-full {\r\n\r\n    grid-column:\r\n        1 \/ -1;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field.nsc-hidden {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field label {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field label span {\r\n\r\n    display:\r\n        inline;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field label small {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-top:\r\n        2px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1.45;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field input,\r\n.nsc-incoterm-field select {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        45px;\r\n\r\n    padding:\r\n        10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    outline:\r\n        none;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    transition:\r\n        .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field input::placeholder {\r\n\r\n    color:\r\n        #b8c2ca;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-field input:focus,\r\n.nsc-incoterm-field select:focus {\r\n\r\n    border-color:\r\n        var(--blue);\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(11,79,138,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT PREFIX\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-input-wrap {\r\n\r\n    position:\r\n        relative;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-prefix {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    top:\r\n        50%;\r\n\r\n    left:\r\n        12px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    pointer-events:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-input-wrap input {\r\n\r\n    padding-left:\r\n        50px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUANTITY BOX\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-quantity-box {\r\n\r\n    padding:\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-quantity-summary {\r\n\r\n    margin-top:\r\n        12px;\r\n\r\n    padding:\r\n        10px 12px;\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--gold);\r\n\r\n    border-radius:\r\n        0 6px 6px 0;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.65;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-quantity-summary strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC NOTE\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-dynamic-note {\r\n\r\n    margin-top:\r\n        13px;\r\n\r\n    padding:\r\n        11px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-dynamic-note strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INSURANCE\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-insurance-section {\r\n\r\n    margin-top:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-insurance-section.nsc-hidden {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-insurance-box {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        12px;\r\n\r\n    padding:\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--gold-border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        var(--gold-soft);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-insurance-note {\r\n\r\n    grid-column:\r\n        1 \/ -1;\r\n\r\n    padding-top:\r\n        3px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATE BUTTON\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-calculate {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        52px;\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n    border:\r\n        none;\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .35px;\r\n\r\n    transition:\r\n        .2s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-calculate:hover {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    background:\r\n        var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT HEADER\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-result-header {\r\n\r\n    padding:\r\n        29px;\r\n\r\n    border-radius:\r\n        14px 14px 0 0;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #012d5a,\r\n            #001f3d\r\n        );\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-eyebrow {\r\n\r\n    color:\r\n        #b9d7ee;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        1.8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-title-row {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-end;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        25px;\r\n\r\n    margin-top:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-code {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        45px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    line-height:\r\n        1;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-name {\r\n\r\n    margin-top:\r\n        5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.64);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-prices {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        auto auto;\r\n\r\n    gap:\r\n        38px;\r\n\r\n    text-align:\r\n        right;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-price-label {\r\n\r\n    color:\r\n        rgba(255,255,255,.47);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        1px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-total-value {\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        rgba(255,255,255,.92);\r\n\r\n    font-size:\r\n        19px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-final-unit-value {\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    font-size:\r\n        30px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    line-height:\r\n        1.1;\r\n\r\n    word-break:\r\n        break-word;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT BODY\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-result-body {\r\n\r\n    padding:\r\n        27px 29px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-description {\r\n\r\n    padding:\r\n        12px 14px;\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--gold);\r\n\r\n    border-radius:\r\n        0 6px 6px 0;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORMULA\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-result-formula {\r\n\r\n    margin:\r\n        16px 0;\r\n\r\n    padding:\r\n        13px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-formula-title {\r\n\r\n    margin-bottom:\r\n        5px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-formula-main {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE SEPARATION\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-value-separation {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:\r\n        12px;\r\n\r\n    margin:\r\n        17px 0;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-value-card {\r\n\r\n    padding:\r\n        16px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-value-card.highlight {\r\n\r\n    border-color:\r\n        var(--gold-border);\r\n\r\n    background:\r\n        var(--gold-soft);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-value-card-label {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-value-card-value {\r\n\r\n    margin-top:\r\n        5px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        21px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    line-height:\r\n        1.1;\r\n\r\n    word-break:\r\n        break-word;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BREAKDOWN\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-breakdown {\r\n\r\n    display:\r\n        grid;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-row {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        18px;\r\n\r\n    padding:\r\n        10px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-label {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-value {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    text-align:\r\n        right;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-row.total {\r\n\r\n    margin-top:\r\n        7px;\r\n\r\n    padding:\r\n        14px 0 0;\r\n\r\n    border-top:\r\n        2px solid\r\n        var(--navy);\r\n\r\n    border-bottom:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-row.total\r\n.nsc-incoterm-breakdown-label {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-breakdown-row.total\r\n.nsc-incoterm-breakdown-value {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UNIT CALCULATION\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-unit-calculation {\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n    padding:\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--gold-border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        var(--gold-soft);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-calculation-title {\r\n\r\n    margin-bottom:\r\n        3px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-row {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        18px;\r\n\r\n    padding:\r\n        10px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(201,162,39,.18);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-row:last-child {\r\n\r\n    border-bottom:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-label {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-value {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    text-align:\r\n        right;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-row.final {\r\n\r\n    margin-top:\r\n        5px;\r\n\r\n    padding-top:\r\n        14px;\r\n\r\n    border-top:\r\n        2px solid\r\n        var(--navy);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-row.final\r\n.nsc-incoterm-unit-label {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-unit-row.final\r\n.nsc-incoterm-unit-value {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        19px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT META\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-result-meta-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        9px;\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-meta {\r\n\r\n    padding:\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-meta-label {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-result-meta-value {\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INCLUDED\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-included {\r\n\r\n    margin-top:\r\n        19px;\r\n\r\n    padding-top:\r\n        19px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-included-title {\r\n\r\n    margin-bottom:\r\n        9px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .8px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-pill-list {\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    gap:\r\n        6px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-pill {\r\n\r\n    padding:\r\n        5px 8px;\r\n\r\n    border-radius:\r\n        4px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    background:\r\n        var(--blue-light);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPARISON\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-comparison-header {\r\n\r\n    padding:\r\n        23px 26px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-header h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        22px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-header p {\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        1px;\r\n\r\n    background:\r\n        var(--border);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-item {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    padding:\r\n        18px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    transition:\r\n        .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-item:hover {\r\n\r\n    background:\r\n        #fbfdff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-item.active {\r\n\r\n    box-shadow:\r\n        inset 0 3px 0\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-code {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-name {\r\n\r\n    min-height:\r\n        27px;\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.4;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-total {\r\n\r\n    margin-top:\r\n        11px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-unit {\r\n\r\n    margin-top:\r\n        3px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-comparison-note {\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    line-height:\r\n        1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPLANATION \/ RULES \/ SEO\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-explanation,\r\n.nsc-incoterm-rules,\r\n.nsc-incoterm-seo {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n    padding:\r\n        28px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    box-shadow:\r\n        var(--shadow);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation h2,\r\n.nsc-incoterm-rules h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        25px;\r\n\r\n    line-height:\r\n        1.2;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation-intro,\r\n.nsc-incoterm-rules-intro {\r\n\r\n    max-width:\r\n        1000px;\r\n\r\n    margin:\r\n        7px 0 20px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPLANATION GRID\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-explanation-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation-card {\r\n\r\n    padding:\r\n        18px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation-number {\r\n\r\n    color:\r\n        rgba(1,45,90,.24);\r\n\r\n    font-size:\r\n        22px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation-card h3 {\r\n\r\n    margin:\r\n        6px 0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-explanation-card p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8.5px;\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RULES\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-rules-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-card {\r\n\r\n    padding:\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    transition:\r\n        .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-card:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 9px 25px\r\n        rgba(1,45,90,.06);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-card.active {\r\n\r\n    border-color:\r\n        var(--gold);\r\n\r\n    box-shadow:\r\n        inset 0 3px 0\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-top {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-code {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        19px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-mode {\r\n\r\n    padding:\r\n        4px 6px;\r\n\r\n    border-radius:\r\n        4px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    background:\r\n        var(--blue-light);\r\n\r\n    font-size:\r\n        6px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-name {\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-endpoint {\r\n\r\n    margin-top:\r\n        11px;\r\n\r\n    padding:\r\n        8px 9px;\r\n\r\n    border-radius:\r\n        5px;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        7.5px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-rule-description {\r\n\r\n    margin-top:\r\n        9px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MATRIX\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-matrix-wrap {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n    overflow-x:\r\n        auto;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-matrix {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-width:\r\n        850px;\r\n\r\n    border-collapse:\r\n        collapse;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-matrix th {\r\n\r\n    padding:\r\n        10px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    text-align:\r\n        left;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-matrix td {\r\n\r\n    padding:\r\n        9px 10px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--border);\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        7.5px;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-matrix td:first-child {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEO \/ GEO\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-seo-eyebrow {\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        1.6px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-seo h2 {\r\n\r\n    margin:\r\n        8px 0 12px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        28px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-seo h3 {\r\n\r\n    margin:\r\n        24px 0 7px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        16px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-seo p {\r\n\r\n    max-width:\r\n        1050px;\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-seo ul {\r\n\r\n    margin:\r\n        9px 0 0;\r\n\r\n    padding-left:\r\n        18px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-seo li {\r\n\r\n    margin-bottom:\r\n        4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-faq {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq h2 {\r\n\r\n    margin:\r\n        0 0 14px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq details {\r\n\r\n    margin-bottom:\r\n        8px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq summary {\r\n\r\n    padding:\r\n        14px 16px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    list-style:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq summary::-webkit-details-marker {\r\n\r\n    display:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq summary::after {\r\n\r\n    content:\r\n        \"+\";\r\n\r\n    float:\r\n        right;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq details[open]\r\nsummary::after {\r\n\r\n    content:\r\n        \"\u2212\";\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-faq-answer {\r\n\r\n    padding:\r\n        0 16px\r\n        15px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DISCLAIMER\r\n========================================================= *\/\r\n\r\n.nsc-incoterm-disclaimer {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n    padding:\r\n        16px 18px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        8.5px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n.nsc-incoterm-disclaimer strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1180px) {\r\n\r\n    .nsc-incoterm-term-selector {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                6,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-form-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-explanation-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-rules-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-comparison-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:760px) {\r\n\r\n    .nsc-incoterm-container {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-hero {\r\n\r\n        padding:\r\n            58px 0\r\n            50px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-hero h1 {\r\n\r\n        font-size:\r\n            clamp(\r\n                37px,\r\n                10vw,\r\n                53px\r\n            );\r\n\r\n        letter-spacing:\r\n            -1.4px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-hero h1 span {\r\n\r\n        font-size:\r\n            clamp(\r\n                22px,\r\n                6.2vw,\r\n                33px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-hero p {\r\n\r\n        font-size:\r\n            12px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-main {\r\n\r\n        padding:\r\n            27px 0\r\n            60px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-selector {\r\n\r\n        padding:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-selector-header {\r\n\r\n        display:\r\n            block;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-selector-hint {\r\n\r\n        margin-top:\r\n            3px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-term-selector {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                4,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n        gap:\r\n            6px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-term-button {\r\n\r\n        min-height:\r\n            54px;\r\n\r\n        padding:\r\n            7px 4px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-term-name {\r\n\r\n        font-size:\r\n            6px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-selected-bar {\r\n\r\n        grid-template-columns:\r\n            auto\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-selected-endpoint {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        padding-top:\r\n            2px;\r\n\r\n        text-align:\r\n            left;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-load-example {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-panel-header,\r\n    .nsc-incoterm-panel-body {\r\n\r\n        padding:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-form-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-field-full {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-insurance-box {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-result-title-row {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-result-prices {\r\n\r\n        width:\r\n            100%;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        gap:\r\n            18px;\r\n\r\n        text-align:\r\n            left;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-value-separation {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-result-meta-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-comparison-grid {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-explanation-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-rules-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-explanation,\r\n    .nsc-incoterm-rules,\r\n    .nsc-incoterm-seo {\r\n\r\n        padding:\r\n            22px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:440px) {\r\n\r\n    .nsc-incoterm-term-selector {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-comparison-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-incoterm-result-prices {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     MAIN INSTANCE\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-price-builder-instance\"\r\n    data-nsc-incoterm-price-builder-instance=\"true\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<section class=\"nsc-incoterm-hero\">\r\n\r\n<div class=\"nsc-incoterm-container\">\r\n\r\n<div class=\"nsc-incoterm-hero-content\">\r\n\r\n\r\n<div class=\"nsc-incoterm-eyebrow\">\r\nSMART LOGISTICS TOOLS\r\n<\/div>\r\n\r\n\r\n<h1>\r\n\r\nIncoterm Price Builder\r\n\r\n<span>\r\nBuild Your Trade Value\r\nFrom EXW to DDP.\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n<p>\r\n\r\nBuild an estimated seller-side commercial value\r\nfrom the goods value and applicable logistics costs\r\nunder the selected Incoterm. Then calculate the\r\ngoods price, Incoterm cost and final commercial\r\nprice per kilogram, carton, piece, package or liter.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     MAIN\r\n========================================================= -->\r\n\r\n<main class=\"nsc-incoterm-main\">\r\n\r\n<div class=\"nsc-incoterm-container\">\r\n\r\n\r\n<!-- =======================================================\r\n     SELECT INCOTERM\r\n======================================================= -->\r\n\r\n<section class=\"nsc-incoterm-selector\">\r\n\r\n\r\n<div class=\"nsc-incoterm-selector-header\">\r\n\r\n<div class=\"nsc-incoterm-selector-title\">\r\nSelect Incoterm\u00ae\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-selector-hint\">\r\nSeller-side cost fields change with the selected rule.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-term-selector\"\r\n    id=\"nscIncotermTermSelector\"\r\n>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button active\"\r\n    data-term=\"EXW\"\r\n    aria-pressed=\"true\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nEXW\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nEx Works\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"FCA\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nFCA\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nFree Carrier\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"FAS\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nFAS\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nFree Alongside Ship\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"FOB\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nFOB\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nFree On Board\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"CFR\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nCFR\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nCost &amp; Freight\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"CIF\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nCIF\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nCost Insurance Freight\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"CPT\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nCPT\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nCarriage Paid To\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"CIP\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nCIP\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nCarriage Insurance Paid\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"DAP\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nDAP\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nDelivered At Place\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"DPU\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nDPU\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nDelivered Unloaded\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-term-button\"\r\n    data-term=\"DDP\"\r\n    aria-pressed=\"false\"\r\n>\r\n\r\n<span class=\"nsc-incoterm-term-code\">\r\nDDP\r\n<\/span>\r\n\r\n<span class=\"nsc-incoterm-term-name\">\r\nDelivered Duty Paid\r\n<\/span>\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SELECTED TERM\r\n====================================================== -->\r\n\r\n<div class=\"nsc-incoterm-selected-bar\">\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-selected-code\"\r\n    id=\"nscSelectedCode\"\r\n>\r\nEXW\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-selected-main\">\r\n\r\n\r\n<strong id=\"nscSelectedName\">\r\nEx Works\r\n<\/strong>\r\n\r\n\r\n<span id=\"nscSelectedDescription\">\r\nSeller makes the goods available at the named place.\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-selected-endpoint\">\r\n\r\nSeller endpoint\r\n\r\n<strong id=\"nscSelectedEndpoint\">\r\nNamed place at origin\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-load-example\"\r\n    id=\"nscLoadExample\"\r\n>\r\n\r\nLoad EXW Example\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     CALCULATOR\r\n======================================================= -->\r\n\r\n<section class=\"nsc-incoterm-workspace\">\r\n\r\n\r\n<div class=\"nsc-incoterm-panel\">\r\n\r\n\r\n<div class=\"nsc-incoterm-panel-header\">\r\n\r\n\r\n<h2>\r\nBuild Your Cost\r\n<\/h2>\r\n\r\n\r\n<p>\r\nCommercial value fields start blank. Enter your own data\r\nor use the example button to demonstrate the selected term.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-panel-body\">\r\n\r\n\r\n<!-- ===================================================\r\n     SHIPMENT INFORMATION\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-section-title\">\r\nShipment Information\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-form-grid\">\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nCurrency\r\n\r\n<small>\r\nCurrency used for the calculation.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<select\r\n    id=\"nscIncotermCurrency\"\r\n>\r\n\r\n<option value=\"USD\">\r\nUSD \u2014 US Dollar\r\n<\/option>\r\n\r\n<option value=\"IDR\">\r\nIDR \u2014 Indonesian Rupiah\r\n<\/option>\r\n\r\n<option value=\"EUR\">\r\nEUR \u2014 Euro\r\n<\/option>\r\n\r\n<option value=\"SGD\">\r\nSGD \u2014 Singapore Dollar\r\n<\/option>\r\n\r\n<option value=\"CNY\">\r\nCNY \u2014 Chinese Yuan\r\n<\/option>\r\n\r\n<\/select>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nNamed Place \/ Point\r\n\r\n<small>\r\nUse the actual location or port stated in the quotation.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<input\r\n    type=\"text\"\r\n    id=\"nscIncotermNamedPlace\"\r\n    placeholder=\"Enter named place \/ point\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     GOODS VALUE\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-section-title nsc-incoterm-section-spacing\">\r\nCommercial Value\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-form-grid\">\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-incoterm-field-full\"\r\n>\r\n\r\n\r\n<label>\r\n\r\nGoods \/ Product Value\r\n\r\n<small>\r\nOriginal commercial value of the goods.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixGoods\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermGoods\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter goods value\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     SALES QUANTITY\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-section-title nsc-incoterm-section-spacing\">\r\nSales Quantity\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-quantity-box\">\r\n\r\n\r\n<div class=\"nsc-incoterm-form-grid\">\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nSelling Unit\r\n\r\n<small>\r\nUnit used for the final commercial price.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<select\r\n    id=\"nscIncotermUnit\"\r\n>\r\n\r\n<option value=\"\">\r\nSelect unit\r\n<\/option>\r\n\r\n<option value=\"KILOGRAM\">\r\nKILOGRAM\r\n<\/option>\r\n\r\n<option value=\"CARTONS\">\r\nCARTONS\r\n<\/option>\r\n\r\n<option value=\"PIECES\">\r\nPIECES\r\n<\/option>\r\n\r\n<option value=\"PACKAGE\">\r\nPACKAGE\r\n<\/option>\r\n\r\n<option value=\"LITER\">\r\nLITER\r\n<\/option>\r\n\r\n<\/select>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nTotal Sales Quantity\r\n\r\n<small>\r\nTotal quantity using the selected selling unit.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermQuantity\"\r\n    min=\"0\"\r\n    step=\"0.0001\"\r\n    placeholder=\"Enter total quantity\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-quantity-summary\">\r\n\r\n<strong>\r\nUnit Price Formula:\r\n<\/strong>\r\n\r\nGoods Price \/ Unit + Incoterm Cost \/ Unit =\r\nFinal Incoterm Price \/ Unit.\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     SELLER RESPONSIBILITY COSTS\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-section-title nsc-incoterm-section-spacing\">\r\nSeller Responsibility Costs\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-form-grid\"\r\n    id=\"nscDynamicFields\"\r\n>\r\n\r\n\r\n<!-- EXPORT CUSTOMS CLEARANCE -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"exportClearance\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"exportClearance\"\r\n>\r\nExport Customs Clearance\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"exportClearance\"\r\n>\r\nExport customs clearance and related export formalities.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixExport\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermExport\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ORIGIN PRE-CARRIAGE -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"originPreCarriage\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"originPreCarriage\"\r\n>\r\nOrigin Inland Transport \/ Pre-Carriage\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"originPreCarriage\"\r\n>\r\nTransport from seller premises toward the seller delivery point.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixPreCarriage\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermPreCarriage\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ORIGIN LOCAL \/ TERMINAL -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"originHandling\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"originHandling\"\r\n>\r\nOrigin Local \/ Terminal Charges\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"originHandling\"\r\n>\r\nOrigin-side local, terminal and handling costs.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixOriginHandling\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermOriginHandling\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- SELLER DELIVERY POINT -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"sellerDeliveryPoint\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"sellerDeliveryPoint\"\r\n>\r\nSeller Delivery \/ Responsibility Point\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"sellerDeliveryPoint\"\r\n>\r\nAdditional cost required to complete seller delivery under the selected rule.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixSellerPoint\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermSellerPoint\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- MAIN CARRIAGE -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"mainCarriage\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"mainCarriage\"\r\n>\r\nMain Carriage\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"mainCarriage\"\r\n>\r\nMain international transport contracted and paid by seller.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixMainCarriage\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermMainCarriage\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- DESTINATION ON-CARRIAGE -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"destinationOnCarriage\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"destinationOnCarriage\"\r\n>\r\nDestination On-Carriage\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"destinationOnCarriage\"\r\n>\r\nFinal inland transportation to the named destination.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixDestination\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermDestination\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- UNLOADING -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"unloading\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"unloading\"\r\n>\r\nDestination Unloading\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"unloading\"\r\n>\r\nUnloading at the named destination.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixUnloading\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermUnloading\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- IMPORT CUSTOMS -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"importClearance\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"importClearance\"\r\n>\r\nImport Customs Clearance\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"importClearance\"\r\n>\r\nImport customs clearance handled by seller.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixImport\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermImport\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- IMPORT DUTIES -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-field nsc-dynamic-field\"\r\n    data-cost-field=\"importDuties\"\r\n>\r\n\r\n\r\n<label>\r\n\r\n<span\r\n    data-label-field=\"importDuties\"\r\n>\r\nImport Duties &amp; Taxes\r\n<\/span>\r\n\r\n\r\n<small\r\n    data-description-field=\"importDuties\"\r\n>\r\nApplicable import duties, taxes and government charges.\r\n<\/small>\r\n\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixDuties\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermDuties\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter amount\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- COST NOTE -->\r\n\r\n<div class=\"nsc-incoterm-dynamic-note\">\r\n\r\n<strong>\r\nImportant:\r\n<\/strong>\r\n\r\nEach cost category is separated so you can enter the\r\nactual structure from a quotation, vendor invoice or\r\ninternal costing sheet. A charge may be zero or already\r\nembedded in another commercial line. Avoid double-counting.\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     INSURANCE\r\n==================================================== -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-insurance-section nsc-hidden\"\r\n    id=\"nscInsuranceSection\"\r\n>\r\n\r\n\r\n<div class=\"nsc-incoterm-section-title\">\r\nInsurance\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-insurance-box\">\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nInsurance Premium Rate\r\n\r\n<small>\r\nEstimated insurance premium percentage.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span class=\"nsc-incoterm-prefix\">\r\n%\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermInsuranceRate\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    placeholder=\"Enter rate\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nInsured Value Basis\r\n\r\n<small>\r\nPlanning default: 110%.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span class=\"nsc-incoterm-prefix\">\r\n%\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"number\"\r\n    id=\"nscIncotermInsuranceBasis\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    value=\"110\"\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-field\">\r\n\r\n\r\n<label>\r\n\r\nEstimated Insurance Premium\r\n\r\n<small>\r\nAutomatically calculated.\r\n<\/small>\r\n\r\n<\/label>\r\n\r\n\r\n<div class=\"nsc-incoterm-input-wrap\">\r\n\r\n\r\n<span\r\n    class=\"nsc-incoterm-prefix\"\r\n    id=\"nscPrefixInsurance\"\r\n>\r\nUSD\r\n<\/span>\r\n\r\n\r\n<input\r\n    type=\"text\"\r\n    id=\"nscIncotermInsuranceAmount\"\r\n    placeholder=\"Calculated\"\r\n    readonly\r\n>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-insurance-note\"\r\n    id=\"nscInsuranceNote\"\r\n>\r\n\r\nInsurance is shown only for CIF and CIP.\r\nThe calculator treats the insurance premium as\r\nan estimation input rather than determining the\r\nactual insurance policy premium.\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     CALCULATE\r\n==================================================== -->\r\n\r\n<button\r\n    type=\"button\"\r\n    class=\"nsc-incoterm-calculate\"\r\n    id=\"nscIncotermCalculate\"\r\n>\r\n\r\nBuild Estimated Incoterm Value\r\n\u2192\r\n\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     RESULT\r\n====================================================== -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-panel nsc-incoterm-result-panel\"\r\n    id=\"nscIncotermResultCard\"\r\n>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-header\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-eyebrow\">\r\nESTIMATED SELLER-SIDE COMMERCIAL VALUE\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-title-row\">\r\n\r\n\r\n<div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-code\"\r\n    id=\"nscResultCode\"\r\n>\r\nEXW\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-name\"\r\n    id=\"nscResultName\"\r\n>\r\nEx Works\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-prices\">\r\n\r\n\r\n<div>\r\n\r\n\r\n<div class=\"nsc-incoterm-price-label\">\r\nTotal Incoterm Value\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-total-value\"\r\n    id=\"nscResultTotal\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div>\r\n\r\n\r\n<div class=\"nsc-incoterm-price-label\">\r\nFinal Price \/ Unit\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-final-unit-value\"\r\n    id=\"nscResultUnit\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-body\">\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-description\"\r\n    id=\"nscResultDescription\"\r\n>\r\n\r\nEnter your commercial values or use Load Example\r\nto calculate the selected Incoterm.\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     FORMULA\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-result-formula\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-formula-title\">\r\nPrice Per Unit Formula\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-formula-main\"\r\n    id=\"nscResultFormula\"\r\n>\r\n\r\nGoods Value \u00f7 Sales Quantity = Goods Price \/ Unit\r\n+\r\nIncoterm Value Excluding Goods \u00f7 Sales Quantity =\r\nIncoterm Cost \/ Unit\r\n=\r\nFinal Incoterm Price \/ Unit\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     VALUE SEPARATION\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-value-separation\">\r\n\r\n\r\n<div class=\"nsc-incoterm-value-card\">\r\n\r\n\r\n<div class=\"nsc-incoterm-value-card-label\">\r\nTotal Incoterm Value Including Goods\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-value-card-value\"\r\n    id=\"nscResultIncludingGoods\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-value-card highlight\">\r\n\r\n\r\n<div class=\"nsc-incoterm-value-card-label\">\r\nTotal Incoterm Value Excluding Goods\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-value-card-value\"\r\n    id=\"nscResultExcludingGoods\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     COST BREAKDOWN\r\n==================================================== -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-breakdown\"\r\n    id=\"nscResultBreakdown\"\r\n>\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     UNIT PRICE\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-unit-calculation\">\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-calculation-title\">\r\nUnit Price Build-up\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-row\">\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-label\">\r\nGoods Value \u00f7 Sales Quantity\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-unit-value\"\r\n    id=\"nscGoodsPerUnit\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-row\">\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-label\">\r\nIncoterm Value Excluding Goods \u00f7 Sales Quantity\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-unit-value\"\r\n    id=\"nscIncotermCostPerUnit\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-row final\">\r\n\r\n\r\n<div class=\"nsc-incoterm-unit-label\">\r\nFINAL INCOTERM PRICE \/ UNIT\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-unit-value\"\r\n    id=\"nscFinalPricePerUnit\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     RESULT META\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-result-meta-grid\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta-label\">\r\nSelling Unit\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-meta-value\"\r\n    id=\"nscResultSellingUnit\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta-label\">\r\nSales Quantity\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-meta-value\"\r\n    id=\"nscResultQuantity\"\r\n>\r\n\u2014\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta\">\r\n\r\n\r\n<div class=\"nsc-incoterm-result-meta-label\">\r\nSeller Endpoint\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-result-meta-value\"\r\n    id=\"nscResultEndpoint\"\r\n>\r\nNamed place at origin\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================\r\n     INCLUDED\r\n==================================================== -->\r\n\r\n<div class=\"nsc-incoterm-included\">\r\n\r\n\r\n<div class=\"nsc-incoterm-included-title\">\r\nSeller Cost Components Included\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-pill-list\"\r\n    id=\"nscIncludedList\"\r\n>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     COMPARISON\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"nsc-incoterm-panel nsc-incoterm-comparison-panel\"\r\n>\r\n\r\n\r\n<div class=\"nsc-incoterm-comparison-header\">\r\n\r\n\r\n<h2>\r\nCompare All 11 Incoterms\u00ae\r\n<\/h2>\r\n\r\n\r\n<p>\r\n\r\nThe same entered cost database is recalculated\r\naccording to each seller-side responsibility structure.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-comparison-grid\"\r\n    id=\"nscIncotermComparison\"\r\n>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     HOW RESULT IS CALCULATED\r\n========================================================= -->\r\n\r\n<section class=\"nsc-incoterm-explanation\">\r\n\r\n\r\n<h2>\r\nHow Is This Result Calculated?\r\n<\/h2>\r\n\r\n\r\n<p\r\n    class=\"nsc-incoterm-explanation-intro\"\r\n    id=\"nscExplanationIntro\"\r\n>\r\n\r\nThe calculator separates the original Goods Value\r\nfrom the additional seller-side Incoterm cost.\r\nThe two components are then converted to the\r\nselected selling unit.\r\n\r\n<\/p>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-explanation-grid\"\r\n    id=\"nscExplanationGrid\"\r\n>\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     RULES\r\n========================================================= -->\r\n\r\n<section class=\"nsc-incoterm-rules\">\r\n\r\n\r\n<h2>\r\nIncoterms\u00ae 2020 Rules\r\n<\/h2>\r\n\r\n\r\n<p class=\"nsc-incoterm-rules-intro\">\r\n\r\nThe 11 Incoterms\u00ae 2020 rules establish delivery,\r\nrisk and cost responsibilities between seller and\r\nbuyer. The calculator uses the seller-side cost\r\nresponsibility as the framework for commercial\r\nprice building.\r\n\r\n<\/p>\r\n\r\n\r\n<div\r\n    class=\"nsc-incoterm-rules-grid\"\r\n    id=\"nscRulesGrid\"\r\n>\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-incoterm-matrix-wrap\">\r\n\r\n\r\n<table class=\"nsc-incoterm-matrix\">\r\n\r\n\r\n<thead>\r\n\r\n<tr>\r\n\r\n<th>Rule<\/th>\r\n\r\n<th>Transport<\/th>\r\n\r\n<th>Seller Delivery Point<\/th>\r\n\r\n<th>Main Carriage<\/th>\r\n\r\n<th>Insurance<\/th>\r\n\r\n<th>Import Clearance \/ Duty<\/th>\r\n\r\n<\/tr>\r\n\r\n<\/thead>\r\n\r\n\r\n<tbody>\r\n\r\n\r\n<tr>\r\n\r\n<td>EXW<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Named place at origin<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>FCA<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Named delivery point \/ carrier<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>FAS<\/td>\r\n\r\n<td>Sea \/ Waterway<\/td>\r\n\r\n<td>Alongside vessel<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>FOB<\/td>\r\n\r\n<td>Sea \/ Waterway<\/td>\r\n\r\n<td>On board vessel<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>CFR<\/td>\r\n\r\n<td>Sea \/ Waterway<\/td>\r\n\r\n<td>On board vessel<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>CIF<\/td>\r\n\r\n<td>Sea \/ Waterway<\/td>\r\n\r\n<td>On board vessel<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Seller arranges<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>CPT<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Carrier \/ agreed point<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>CIP<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Carrier \/ agreed point<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Seller arranges<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>DAP<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Named destination, ready for unloading<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>DPU<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Named destination, unloaded<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Buyer<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<tr>\r\n\r\n<td>DDP<\/td>\r\n\r\n<td>Any<\/td>\r\n\r\n<td>Named destination, ready for unloading<\/td>\r\n\r\n<td>Seller pays<\/td>\r\n\r\n<td>Buyer \/ optional<\/td>\r\n\r\n<td>Seller<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n<\/tbody>\r\n\r\n<\/table>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     SEO \/ GEO\r\n========================================================= -->\r\n\r\n<section class=\"nsc-incoterm-seo\">\r\n\r\n\r\n<div class=\"nsc-incoterm-seo-eyebrow\">\r\nINTERNATIONAL TRADE KNOWLEDGE\r\n<\/div>\r\n\r\n\r\n<h2>\r\nIncoterm Price Builder for International Trade\r\n<\/h2>\r\n\r\n\r\n<p>\r\n\r\nNS Continent's Incoterm Price Builder helps\r\nimporters, exporters, trading companies and\r\nlogistics professionals estimate how goods value\r\nand seller-side logistics costs build toward the\r\n11 Incoterms\u00ae 2020 rules.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nWhat is an Incoterm?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nIncoterms\u00ae are international trade rules published\r\nby the International Chamber of Commerce that provide\r\na common framework for important delivery, cost and\r\nrisk responsibilities between sellers and buyers.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nWhat are the 11 Incoterms\u00ae 2020?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nThe 11 Incoterms\u00ae 2020 rules are EXW, FCA, FAS,\r\nFOB, CFR, CIF, CPT, CIP, DAP, DPU and DDP. EXW,\r\nFCA, CPT, CIP, DAP, DPU and DDP are rules for any\r\nmode or modes of transport. FAS, FOB, CFR and CIF\r\nare rules for sea and inland waterway transport.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nWhy are Export Customs Clearance and Origin Charges separate?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nExport customs clearance is a customs-related\r\nresponsibility, while origin local and terminal\r\ncharges may represent handling, terminal or other\r\noperational costs. The calculator keeps these\r\ncategories separate so users can reproduce their\r\nactual costing structure without automatically\r\ncombining different charges into one artificial line.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nHow is an Incoterm price calculated?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nThe calculator starts with the Goods Value and then\r\nadds the applicable seller-side costs for the\r\nselected Incoterm, such as export clearance, origin\r\ntransport, origin handling, seller delivery costs,\r\nmain carriage, destination transportation, unloading\r\nor import-related costs where applicable.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nHow is price per carton calculated?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nGoods Value is divided by the total sales quantity\r\nto calculate Goods Price per Carton. The Total\r\nIncoterm Value Excluding Goods Value is divided by\r\nthe same quantity to calculate Incoterm Cost per\r\nCarton. These values are then added to produce the\r\nFinal Incoterm Price per Carton.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nHow is price per kilogram calculated?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nSelect KILOGRAM as the selling unit and enter the\r\ntotal kilograms. The calculator divides the Goods\r\nValue and the additional Incoterm Value Excluding\r\nGoods by the total kilogram quantity.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nHow is price per piece, package or liter calculated?\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nThe calculator also supports PIECES, PACKAGE and\r\nLITER. The selected sales quantity becomes the\r\ndenominator for both Goods Price per Unit and\r\nIncoterm Cost per Unit.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nEXW vs FOB vs CIF vs DDP\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nEXW places seller delivery at the named place of\r\norigin. FOB extends seller delivery until the goods\r\nare on board the vessel. CIF adds seller-paid\r\ncarriage and seller-arranged insurance. DDP extends\r\nseller responsibility to destination, including\r\nimport clearance and applicable import duties and\r\ntaxes.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nFAS vs FOB\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nFAS ends seller delivery when the goods are placed\r\nalongside the vessel. FOB ends seller delivery when\r\nthe goods are on board the vessel. Therefore the\r\ncalculator treats the seller responsibility point\r\ndifferently for FAS and FOB.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nDAP vs DPU\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nDAP delivers the goods at the named destination\r\nready for unloading. DPU goes one step further and\r\nrequires the seller to unload the goods at the\r\nnamed destination.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nDDP and Import Costs\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nUnder DDP, seller-side commercial costing can\r\ninclude import customs clearance and applicable\r\nimport duties and taxes. Destination unloading is\r\nnot automatically included in the DDP calculation.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nIncoterm pricing for Indonesia\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nFor Indonesian import and export transactions,\r\nthe exact named place or named port should be\r\nclearly stated with the selected Incoterm. Actual\r\ncommercial pricing should be reviewed against\r\ncarrier contracts, terminal charges, trucking,\r\ncustoms requirements, insurance arrangements,\r\ntaxes and other contractual provisions.\r\n\r\n<\/p>\r\n\r\n\r\n<h3>\r\nHow to use the NS Continent Incoterm Price Builder\r\n<\/h3>\r\n\r\n\r\n<ul>\r\n\r\n<li>\r\nSelect one of the 11 Incoterms\u00ae.\r\n<\/li>\r\n\r\n<li>\r\nEnter the Goods \/ Product Value.\r\n<\/li>\r\n\r\n<li>\r\nSelect the Selling Unit.\r\n<\/li>\r\n\r\n<li>\r\nEnter the Total Sales Quantity.\r\n<\/li>\r\n\r\n<li>\r\nEnter each applicable seller-side cost separately.\r\n<\/li>\r\n\r\n<li>\r\nFor CIF or CIP, enter the insurance premium rate.\r\n<\/li>\r\n\r\n<li>\r\nReview Total Incoterm Value Including Goods.\r\n<\/li>\r\n\r\n<li>\r\nReview Total Incoterm Value Excluding Goods.\r\n<\/li>\r\n\r\n<li>\r\nReview Goods Price \/ Unit.\r\n<\/li>\r\n\r\n<li>\r\nReview Incoterm Cost \/ Unit.\r\n<\/li>\r\n\r\n<li>\r\nReview the Final Incoterm Price \/ Unit.\r\n<\/li>\r\n\r\n<\/ul>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     FAQ\r\n========================================================= -->\r\n\r\n<section class=\"nsc-incoterm-faq\">\r\n\r\n\r\n<h2>\r\nIncoterm Price Builder FAQ\r\n<\/h2>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nWhy are Export Customs Clearance and Origin Local \/ Terminal Charges separate?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nThey represent different categories of cost.\r\nExport Customs Clearance relates to export formalities,\r\nwhile Origin Local \/ Terminal Charges may represent\r\norigin operational, terminal or handling costs.\r\nSeparating them makes the commercial cost model more\r\nflexible and reduces the risk of combining unrelated\r\ncharges.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nWhat is Total Incoterm Value Excluding Goods?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nIt is Total Incoterm Value Including Goods minus the\r\noriginal Goods Value. It represents the additional\r\nseller-side Incoterm cost added around the cargo value.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nHow is Final Incoterm Price per Unit calculated?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nGoods Value is divided by the Sales Quantity to find\r\nGoods Price per Unit. Total Incoterm Value Excluding\r\nGoods is divided by the same quantity to find\r\nIncoterm Cost per Unit. The two amounts are then\r\nadded to produce Final Incoterm Price per Unit.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nCan I calculate the price per kilogram?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nYes. Select KILOGRAM and enter the total quantity.\r\nThe calculator will calculate the estimated final\r\nIncoterm price per kilogram.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nCan I calculate price per carton, piece, package or liter?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nYes. The supported selling units are KILOGRAM,\r\nCARTONS, PIECES, PACKAGE and LITER.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nWhy are the numeric fields blank initially?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nThe calculator intentionally does not prefill\r\ncommercial values so users do not mistake demonstration\r\nnumbers for actual quotations or market prices.\r\nEach Incoterm has its own Load Example button.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes FAS include loading onto the vessel?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nNo. FAS ends at delivery alongside the vessel.\r\nLoading onto the vessel is outside the seller-side\r\nFAS delivery cost structure.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes FOB include loading onto the vessel?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nFOB seller delivery occurs when the goods are on board\r\nthe vessel at the named port, so the calculator uses\r\na seller delivery point representing delivery\/loading\r\non board.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes DPU include unloading?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nYes. DPU extends seller delivery through unloading\r\nat the named destination.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes DDP include unloading?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nNo. DDP ends with the goods delivered at the named\r\ndestination ready for unloading. Unloading is not\r\nautomatically added by the calculator.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes CIF include insurance?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nYes. CIF includes seller-arranged insurance. The\r\ncalculator estimates the insurance premium using\r\nthe entered premium rate and insured-value basis.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDoes CIP include insurance?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nYes. CIP includes seller-arranged insurance.\r\nThe calculator estimates the premium using the\r\nentered premium rate and insured-value basis.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nIs this a customs valuation calculator?\r\n<\/summary>\r\n\r\n\r\n<div class=\"nsc-incoterm-faq-answer\">\r\n\r\nNo. This is a commercial price-building tool.\r\nActual customs valuation, import taxes, duties,\r\ninsurance premiums and contractual responsibilities\r\nmust be confirmed using the applicable transaction\r\ndocuments, regulations and agreements.\r\n\r\n<\/div>\r\n\r\n<\/details>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     DISCLAIMER\r\n========================================================= -->\r\n\r\n<div class=\"nsc-incoterm-disclaimer\">\r\n\r\n<strong>Important:<\/strong>\r\n\r\nThis Incoterm Price Builder is a commercial estimation\r\ntool. It separates Goods Value from additional\r\nseller-side Incoterm costs and calculates estimated\r\nprices per selected selling unit.\r\n\r\nActual cost allocation can vary according to the exact\r\nnamed place or port, sales contract, transport contract,\r\ncarrier terms, terminal arrangements, local charges,\r\ncustoms requirements, insurance arrangements, taxes\r\nand other contractual provisions.\r\n\r\nA commercial quotation may bundle several charges\r\ntogether. Do not enter the same charge into multiple\r\ncategories unless it genuinely represents separate\r\ncosts.\r\n\r\nIncoterms\u00ae is a trademark of the International Chamber\r\nof Commerce (ICC).\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =========================================================\r\n       NS CONTINENT\r\n       INCOTERM PRICE BUILDER\r\n       STABLE ENGINE V9\r\n    ========================================================= *\/\r\n\r\n\r\n    const INSTANCE_SELECTOR =\r\n        '[data-nsc-incoterm-price-builder-instance=\"true\"]';\r\n\r\n\r\n    const GLOBAL_KEY =\r\n        \"__NSC_INCOTERM_PRICE_BUILDER_V9_LOCK__\";\r\n\r\n\r\n    \/* =========================================================\r\n       INITIALIZATION\r\n    ========================================================= *\/\r\n\r\n    function initializeBuilder() {\r\n\r\n        const instances =\r\n            Array.prototype.slice.call(\r\n                document.querySelectorAll(\r\n                    INSTANCE_SELECTOR\r\n                )\r\n            );\r\n\r\n\r\n        if (\r\n            !instances.length\r\n        ) {\r\n\r\n            return false;\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------------------\r\n           KEEP FIRST INSTANCE ONLY\r\n        ----------------------------------------------------- *\/\r\n\r\n        for (\r\n            let index = 1;\r\n            index < instances.length;\r\n            index++\r\n        ) {\r\n\r\n            const duplicate =\r\n                instances[index];\r\n\r\n\r\n            if (\r\n                duplicate &&\r\n                duplicate.parentNode\r\n            ) {\r\n\r\n                duplicate.parentNode.removeChild(\r\n                    duplicate\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        const root =\r\n            instances[0];\r\n\r\n\r\n        if (\r\n            !root\r\n        ) {\r\n\r\n            return false;\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------------------\r\n           PREVENT DOUBLE INITIALIZATION\r\n        ----------------------------------------------------- *\/\r\n\r\n        if (\r\n            root.dataset.nscInitialized ===\r\n            \"true\"\r\n        ) {\r\n\r\n            return true;\r\n\r\n        }\r\n\r\n\r\n        root.dataset.nscInitialized =\r\n            \"true\";\r\n\r\n\r\n        window[GLOBAL_KEY] =\r\n            true;\r\n\r\n\r\n        \/* =====================================================\r\n           11 INCOTERMS\r\n        ===================================================== *\/\r\n\r\n        const TERMS = {\r\n\r\n\r\n            EXW: {\r\n\r\n                name:\r\n                    \"Ex Works\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named place at origin\",\r\n\r\n                short:\r\n                    \"Seller makes the goods available at the named place.\",\r\n\r\n                description:\r\n                    \"EXW starts with the goods value. Export clearance and onward transportation remain outside this seller-side build-up model.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            FCA: {\r\n\r\n                name:\r\n                    \"Free Carrier\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named delivery point \/ carrier\",\r\n\r\n                short:\r\n                    \"Seller delivers the goods to the agreed FCA delivery point or carrier.\",\r\n\r\n                description:\r\n                    \"FCA adds seller-side export clearance and the applicable costs required to deliver the goods to the agreed FCA point.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            FAS: {\r\n\r\n                name:\r\n                    \"Free Alongside Ship\",\r\n\r\n                mode:\r\n                    \"Sea \/ Inland Waterway\",\r\n\r\n                endpoint:\r\n                    \"Alongside vessel at named port\",\r\n\r\n                short:\r\n                    \"Seller delivers the goods alongside the vessel.\",\r\n\r\n                description:\r\n                    \"FAS extends seller-side costing to delivery alongside the vessel. Loading onto the vessel is not included as a seller cost under this rule.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            FOB: {\r\n\r\n                name:\r\n                    \"Free On Board\",\r\n\r\n                mode:\r\n                    \"Sea \/ Inland Waterway\",\r\n\r\n                endpoint:\r\n                    \"On board vessel at named port\",\r\n\r\n                short:\r\n                    \"Seller delivers the goods on board the vessel.\",\r\n\r\n                description:\r\n                    \"FOB extends seller-side costing through export clearance, origin movement, origin handling and delivery\/loading on board the vessel.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            CFR: {\r\n\r\n                name:\r\n                    \"Cost and Freight\",\r\n\r\n                mode:\r\n                    \"Sea \/ Inland Waterway\",\r\n\r\n                endpoint:\r\n                    \"Named port of destination\",\r\n\r\n                short:\r\n                    \"Seller pays the main ocean freight to the named port.\",\r\n\r\n                description:\r\n                    \"CFR adds main ocean freight to the applicable seller-side origin and vessel delivery cost structure.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\",\r\n                        \"mainCarriage\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            CIF: {\r\n\r\n                name:\r\n                    \"Cost Insurance and Freight\",\r\n\r\n                mode:\r\n                    \"Sea \/ Inland Waterway\",\r\n\r\n                endpoint:\r\n                    \"Named port of destination\",\r\n\r\n                short:\r\n                    \"Seller pays main ocean freight and arranges the required insurance.\",\r\n\r\n                description:\r\n                    \"CIF adds main ocean freight and seller-arranged insurance to the applicable seller-side cost structure.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\",\r\n                        \"mainCarriage\",\r\n                        \"insurance\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            CPT: {\r\n\r\n                name:\r\n                    \"Carriage Paid To\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named place of destination\",\r\n\r\n                short:\r\n                    \"Seller contracts and pays carriage to the named destination.\",\r\n\r\n                description:\r\n                    \"CPT includes applicable export and origin costs, carrier handover and the main carriage paid by the seller.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\",\r\n                        \"mainCarriage\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            CIP: {\r\n\r\n                name:\r\n                    \"Carriage and Insurance Paid To\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named place of destination\",\r\n\r\n                short:\r\n                    \"Seller pays carriage to destination and arranges the required insurance.\",\r\n\r\n                description:\r\n                    \"CIP adds seller-arranged insurance to the CPT seller-side cost structure.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"sellerDeliveryPoint\",\r\n                        \"mainCarriage\",\r\n                        \"insurance\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            DAP: {\r\n\r\n                name:\r\n                    \"Delivered At Place\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named destination, ready for unloading\",\r\n\r\n                short:\r\n                    \"Seller carries the goods to destination ready for unloading.\",\r\n\r\n                description:\r\n                    \"DAP extends seller-side costs through destination on-carriage while import clearance, duties and taxes remain outside the seller calculation.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"mainCarriage\",\r\n                        \"destinationOnCarriage\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            DPU: {\r\n\r\n                name:\r\n                    \"Delivered At Place Unloaded\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named destination, unloaded\",\r\n\r\n                short:\r\n                    \"Seller carries the goods to destination and unloads them there.\",\r\n\r\n                description:\r\n                    \"DPU extends the seller-side DAP structure through unloading at the named destination.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"mainCarriage\",\r\n                        \"destinationOnCarriage\",\r\n                        \"unloading\"\r\n                    ]\r\n\r\n            },\r\n\r\n\r\n            DDP: {\r\n\r\n                name:\r\n                    \"Delivered Duty Paid\",\r\n\r\n                mode:\r\n                    \"Any Mode\",\r\n\r\n                endpoint:\r\n                    \"Named destination, ready for unloading\",\r\n\r\n                short:\r\n                    \"Seller carries the goods to destination and handles import clearance and applicable duties and taxes.\",\r\n\r\n                description:\r\n                    \"DDP extends seller-side costs through destination delivery, import clearance and applicable import duties and taxes. Destination unloading is not automatically included.\",\r\n\r\n                fields:\r\n                    [\r\n                        \"goods\",\r\n                        \"exportClearance\",\r\n                        \"originPreCarriage\",\r\n                        \"originHandling\",\r\n                        \"mainCarriage\",\r\n                        \"destinationOnCarriage\",\r\n                        \"importClearance\",\r\n                        \"importDuties\"\r\n                    ]\r\n\r\n            }\r\n\r\n        };\r\n\r\n\r\n        \/* =====================================================\r\n           FIELD CONTENT\r\n        ===================================================== *\/\r\n\r\n        const FIELD_CONTENT = {\r\n\r\n\r\n            FCA: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport from seller premises toward the agreed FCA delivery point.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local, terminal and handling costs applicable before FCA delivery.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Delivery to Carrier \/ FCA Point\",\r\n\r\n                    description:\r\n                        \"Additional seller-side cost required to complete delivery at the agreed FCA point.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            FAS: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport from seller premises to the named port of shipment.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local, terminal and handling costs applicable before delivery alongside the vessel.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Delivery Alongside Vessel\",\r\n\r\n                    description:\r\n                        \"Cost required to place the goods alongside the nominated vessel.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            FOB: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport from seller premises to the named port of shipment.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local, terminal and handling charges applicable before loading.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Loading on Board Vessel\",\r\n\r\n                    description:\r\n                        \"Seller-side cost required to deliver the goods on board the vessel.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            CFR: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport from seller premises to the port of shipment.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local, terminal and handling charges applicable before loading.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Loading on Board Vessel\",\r\n\r\n                    description:\r\n                        \"Seller-side cost required to deliver the goods on board the vessel.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main Ocean Freight\",\r\n\r\n                    description:\r\n                        \"International ocean freight contracted and paid by seller to the named destination port.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            CIF: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport from seller premises to the port of shipment.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local, terminal and handling charges applicable before loading.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Loading on Board Vessel\",\r\n\r\n                    description:\r\n                        \"Seller-side cost required to deliver the goods on board the vessel.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main Ocean Freight\",\r\n\r\n                    description:\r\n                        \"International ocean freight contracted and paid by seller to the named destination port.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            CPT: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport required before carrier handover.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local and handling costs applicable before carrier handover.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Delivery to Carrier\",\r\n\r\n                    description:\r\n                        \"Cost required to deliver the goods to the carrier at the agreed point.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main Carriage\",\r\n\r\n                    description:\r\n                        \"Main carriage contracted and paid by seller to the named destination.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            CIP: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Transport required before carrier handover.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local and handling costs applicable before carrier handover.\"\r\n\r\n                },\r\n\r\n                sellerDeliveryPoint: {\r\n\r\n                    label:\r\n                        \"Delivery to Carrier\",\r\n\r\n                    description:\r\n                        \"Cost required to deliver the goods to the carrier at the agreed point.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main Carriage\",\r\n\r\n                    description:\r\n                        \"Main carriage contracted and paid by seller to the named destination.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            DAP: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Origin transportation before the main carriage.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local and terminal costs applicable to the seller's transport arrangement.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main International Carriage\",\r\n\r\n                    description:\r\n                        \"International carriage contracted and paid by seller.\"\r\n\r\n                },\r\n\r\n                destinationOnCarriage: {\r\n\r\n                    label:\r\n                        \"Destination On-Carriage\",\r\n\r\n                    description:\r\n                        \"Final transportation to the named destination, ready for unloading.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            DPU: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Origin transportation before the main carriage.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local and terminal costs applicable to the seller's transport arrangement.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main International Carriage\",\r\n\r\n                    description:\r\n                        \"International carriage contracted and paid by seller.\"\r\n\r\n                },\r\n\r\n                destinationOnCarriage: {\r\n\r\n                    label:\r\n                        \"Destination On-Carriage\",\r\n\r\n                    description:\r\n                        \"Final transportation to the named destination.\"\r\n\r\n                },\r\n\r\n                unloading: {\r\n\r\n                    label:\r\n                        \"Destination Unloading\",\r\n\r\n                    description:\r\n                        \"Unloading the goods at the named destination.\"\r\n\r\n                }\r\n\r\n            },\r\n\r\n\r\n            DDP: {\r\n\r\n                exportClearance: {\r\n\r\n                    label:\r\n                        \"Export Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Export customs clearance and related export formalities.\"\r\n\r\n                },\r\n\r\n                originPreCarriage: {\r\n\r\n                    label:\r\n                        \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                    description:\r\n                        \"Origin transportation before the main carriage.\"\r\n\r\n                },\r\n\r\n                originHandling: {\r\n\r\n                    label:\r\n                        \"Origin Local \/ Terminal Charges\",\r\n\r\n                    description:\r\n                        \"Origin-side local and terminal costs applicable to the seller's transport arrangement.\"\r\n\r\n                },\r\n\r\n                mainCarriage: {\r\n\r\n                    label:\r\n                        \"Main International Carriage\",\r\n\r\n                    description:\r\n                        \"International carriage contracted and paid by seller.\"\r\n\r\n                },\r\n\r\n                destinationOnCarriage: {\r\n\r\n                    label:\r\n                        \"Destination On-Carriage\",\r\n\r\n                    description:\r\n                        \"Final transportation to the named destination, ready for unloading.\"\r\n\r\n                },\r\n\r\n                importClearance: {\r\n\r\n                    label:\r\n                        \"Import Customs Clearance\",\r\n\r\n                    description:\r\n                        \"Import customs clearance handled by seller.\"\r\n\r\n                },\r\n\r\n                importDuties: {\r\n\r\n                    label:\r\n                        \"Import Duties & Taxes\",\r\n\r\n                    description:\r\n                        \"Applicable import duties, taxes and government charges paid by seller.\"\r\n\r\n                }\r\n\r\n            }\r\n\r\n        };\r\n\r\n\r\n        \/* =====================================================\r\n           EXAMPLE DATA\r\n        ===================================================== *\/\r\n\r\n        const EXAMPLES = {\r\n\r\n\r\n            EXW: {\r\n\r\n                namedPlace:\r\n                    \"Seller Warehouse\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    0,\r\n\r\n                originPreCarriage:\r\n                    0,\r\n\r\n                originHandling:\r\n                    0,\r\n\r\n                sellerDeliveryPoint:\r\n                    0,\r\n\r\n                mainCarriage:\r\n                    0,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            FCA: {\r\n\r\n                namedPlace:\r\n                    \"Jakarta Warehouse \/ Carrier\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    100,\r\n\r\n                sellerDeliveryPoint:\r\n                    100,\r\n\r\n                mainCarriage:\r\n                    0,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            FAS: {\r\n\r\n                namedPlace:\r\n                    \"Tanjung Priok\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    200,\r\n\r\n                mainCarriage:\r\n                    0,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            FOB: {\r\n\r\n                namedPlace:\r\n                    \"Tanjung Priok\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    350,\r\n\r\n                mainCarriage:\r\n                    0,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            CFR: {\r\n\r\n                namedPlace:\r\n                    \"Tanjung Priok \u2192 Shanghai\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    350,\r\n\r\n                mainCarriage:\r\n                    1200,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            CIF: {\r\n\r\n                namedPlace:\r\n                    \"Tanjung Priok \u2192 Shanghai\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"CARTONS\",\r\n\r\n                quantity:\r\n                    500,\r\n\r\n                goods:\r\n                    10000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    350,\r\n\r\n                mainCarriage:\r\n                    1200,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    1,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            CPT: {\r\n\r\n                namedPlace:\r\n                    \"Chicago Distribution Center\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"PIECES\",\r\n\r\n                quantity:\r\n                    1000,\r\n\r\n                goods:\r\n                    12000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    200,\r\n\r\n                mainCarriage:\r\n                    1800,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            CIP: {\r\n\r\n                namedPlace:\r\n                    \"Chicago Distribution Center\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"PIECES\",\r\n\r\n                quantity:\r\n                    1000,\r\n\r\n                goods:\r\n                    12000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    300,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    200,\r\n\r\n                mainCarriage:\r\n                    1800,\r\n\r\n                destinationOnCarriage:\r\n                    0,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    1,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            DAP: {\r\n\r\n                namedPlace:\r\n                    \"Customer Warehouse\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"PACKAGE\",\r\n\r\n                quantity:\r\n                    750,\r\n\r\n                goods:\r\n                    15000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    350,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    0,\r\n\r\n                mainCarriage:\r\n                    1600,\r\n\r\n                destinationOnCarriage:\r\n                    650,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            DPU: {\r\n\r\n                namedPlace:\r\n                    \"Customer Warehouse\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"PACKAGE\",\r\n\r\n                quantity:\r\n                    750,\r\n\r\n                goods:\r\n                    15000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    350,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    0,\r\n\r\n                mainCarriage:\r\n                    1600,\r\n\r\n                destinationOnCarriage:\r\n                    650,\r\n\r\n                unloading:\r\n                    180,\r\n\r\n                importClearance:\r\n                    0,\r\n\r\n                importDuties:\r\n                    0,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            },\r\n\r\n\r\n            DDP: {\r\n\r\n                namedPlace:\r\n                    \"Customer Warehouse\",\r\n\r\n                currency:\r\n                    \"USD\",\r\n\r\n                unit:\r\n                    \"PACKAGE\",\r\n\r\n                quantity:\r\n                    750,\r\n\r\n                goods:\r\n                    15000,\r\n\r\n                exportClearance:\r\n                    150,\r\n\r\n                originPreCarriage:\r\n                    350,\r\n\r\n                originHandling:\r\n                    150,\r\n\r\n                sellerDeliveryPoint:\r\n                    0,\r\n\r\n                mainCarriage:\r\n                    1600,\r\n\r\n                destinationOnCarriage:\r\n                    650,\r\n\r\n                unloading:\r\n                    0,\r\n\r\n                importClearance:\r\n                    300,\r\n\r\n                importDuties:\r\n                    2500,\r\n\r\n                insuranceRate:\r\n                    0,\r\n\r\n                insuranceBasis:\r\n                    110\r\n\r\n            }\r\n\r\n        };\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENT HELPER\r\n        ===================================================== *\/\r\n\r\n        function q(\r\n            selector\r\n        ) {\r\n\r\n            return root.querySelector(\r\n                selector\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DOM ELEMENTS\r\n        ===================================================== *\/\r\n\r\n        const currency =\r\n            q(\r\n                \"#nscIncotermCurrency\"\r\n            );\r\n\r\n\r\n        const namedPlace =\r\n            q(\r\n                \"#nscIncotermNamedPlace\"\r\n            );\r\n\r\n\r\n        const unit =\r\n            q(\r\n                \"#nscIncotermUnit\"\r\n            );\r\n\r\n\r\n        const quantity =\r\n            q(\r\n                \"#nscIncotermQuantity\"\r\n            );\r\n\r\n\r\n        const insuranceRate =\r\n            q(\r\n                \"#nscIncotermInsuranceRate\"\r\n            );\r\n\r\n\r\n        const insuranceBasis =\r\n            q(\r\n                \"#nscIncotermInsuranceBasis\"\r\n            );\r\n\r\n\r\n        const insuranceSection =\r\n            q(\r\n                \"#nscInsuranceSection\"\r\n            );\r\n\r\n\r\n        const insuranceAmount =\r\n            q(\r\n                \"#nscIncotermInsuranceAmount\"\r\n            );\r\n\r\n\r\n        const selectedCode =\r\n            q(\r\n                \"#nscSelectedCode\"\r\n            );\r\n\r\n\r\n        const selectedName =\r\n            q(\r\n                \"#nscSelectedName\"\r\n            );\r\n\r\n\r\n        const selectedDescription =\r\n            q(\r\n                \"#nscSelectedDescription\"\r\n            );\r\n\r\n\r\n        const selectedEndpoint =\r\n            q(\r\n                \"#nscSelectedEndpoint\"\r\n            );\r\n\r\n\r\n        const loadExampleButton =\r\n            q(\r\n                \"#nscLoadExample\"\r\n            );\r\n\r\n\r\n        const resultCode =\r\n            q(\r\n                \"#nscResultCode\"\r\n            );\r\n\r\n\r\n        const resultName =\r\n            q(\r\n                \"#nscResultName\"\r\n            );\r\n\r\n\r\n        const resultTotal =\r\n            q(\r\n                \"#nscResultTotal\"\r\n            );\r\n\r\n\r\n        const resultUnit =\r\n            q(\r\n                \"#nscResultUnit\"\r\n            );\r\n\r\n\r\n        const resultDescription =\r\n            q(\r\n                \"#nscResultDescription\"\r\n            );\r\n\r\n\r\n        const resultFormula =\r\n            q(\r\n                \"#nscResultFormula\"\r\n            );\r\n\r\n\r\n        const resultIncludingGoods =\r\n            q(\r\n                \"#nscResultIncludingGoods\"\r\n            );\r\n\r\n\r\n        const resultExcludingGoods =\r\n            q(\r\n                \"#nscResultExcludingGoods\"\r\n            );\r\n\r\n\r\n        const resultBreakdown =\r\n            q(\r\n                \"#nscResultBreakdown\"\r\n            );\r\n\r\n\r\n        const goodsPerUnit =\r\n            q(\r\n                \"#nscGoodsPerUnit\"\r\n            );\r\n\r\n\r\n        const incotermCostPerUnit =\r\n            q(\r\n                \"#nscIncotermCostPerUnit\"\r\n            );\r\n\r\n\r\n        const finalPricePerUnit =\r\n            q(\r\n                \"#nscFinalPricePerUnit\"\r\n            );\r\n\r\n\r\n        const resultSellingUnit =\r\n            q(\r\n                \"#nscResultSellingUnit\"\r\n            );\r\n\r\n\r\n        const resultQuantity =\r\n            q(\r\n                \"#nscResultQuantity\"\r\n            );\r\n\r\n\r\n        const resultEndpoint =\r\n            q(\r\n                \"#nscResultEndpoint\"\r\n            );\r\n\r\n\r\n        const includedList =\r\n            q(\r\n                \"#nscIncludedList\"\r\n            );\r\n\r\n\r\n        const comparison =\r\n            q(\r\n                \"#nscIncotermComparison\"\r\n            );\r\n\r\n\r\n        const explanationGrid =\r\n            q(\r\n                \"#nscExplanationGrid\"\r\n            );\r\n\r\n\r\n        const explanationIntro =\r\n            q(\r\n                \"#nscExplanationIntro\"\r\n            );\r\n\r\n\r\n        const rulesGrid =\r\n            q(\r\n                \"#nscRulesGrid\"\r\n            );\r\n\r\n\r\n        const calculateButton =\r\n            q(\r\n                \"#nscIncotermCalculate\"\r\n            );\r\n\r\n\r\n        \/* =====================================================\r\n           REQUIRED ELEMENT VALIDATION\r\n        ===================================================== *\/\r\n\r\n        const required = [\r\n\r\n            currency,\r\n            namedPlace,\r\n            unit,\r\n            quantity,\r\n            insuranceRate,\r\n            insuranceBasis,\r\n            insuranceSection,\r\n            insuranceAmount,\r\n            selectedCode,\r\n            selectedName,\r\n            selectedDescription,\r\n            selectedEndpoint,\r\n            loadExampleButton,\r\n            resultCode,\r\n            resultName,\r\n            resultTotal,\r\n            resultUnit,\r\n            resultDescription,\r\n            resultFormula,\r\n            resultIncludingGoods,\r\n            resultExcludingGoods,\r\n            resultBreakdown,\r\n            goodsPerUnit,\r\n            incotermCostPerUnit,\r\n            finalPricePerUnit,\r\n            resultSellingUnit,\r\n            resultQuantity,\r\n            resultEndpoint,\r\n            includedList,\r\n            comparison,\r\n            explanationGrid,\r\n            explanationIntro,\r\n            rulesGrid,\r\n            calculateButton\r\n\r\n        ];\r\n\r\n\r\n        const missing =\r\n            required.some(\r\n                function (\r\n                    element\r\n                ) {\r\n\r\n                    return !element;\r\n\r\n                }\r\n            );\r\n\r\n\r\n        if (\r\n            missing\r\n        ) {\r\n\r\n            console.warn(\r\n                \"NS Continent Incoterm Price Builder: required element missing.\"\r\n            );\r\n\r\n\r\n            return false;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INPUT MAP\r\n        ===================================================== *\/\r\n\r\n        const inputMap = {\r\n\r\n            goods:\r\n                q(\r\n                    \"#nscIncotermGoods\"\r\n                ),\r\n\r\n            exportClearance:\r\n                q(\r\n                    \"#nscIncotermExport\"\r\n                ),\r\n\r\n            originPreCarriage:\r\n                q(\r\n                    \"#nscIncotermPreCarriage\"\r\n                ),\r\n\r\n            originHandling:\r\n                q(\r\n                    \"#nscIncotermOriginHandling\"\r\n                ),\r\n\r\n            sellerDeliveryPoint:\r\n                q(\r\n                    \"#nscIncotermSellerPoint\"\r\n                ),\r\n\r\n            mainCarriage:\r\n                q(\r\n                    \"#nscIncotermMainCarriage\"\r\n                ),\r\n\r\n            destinationOnCarriage:\r\n                q(\r\n                    \"#nscIncotermDestination\"\r\n                ),\r\n\r\n            unloading:\r\n                q(\r\n                    \"#nscIncotermUnloading\"\r\n                ),\r\n\r\n            importClearance:\r\n                q(\r\n                    \"#nscIncotermImport\"\r\n                ),\r\n\r\n            importDuties:\r\n                q(\r\n                    \"#nscIncotermDuties\"\r\n                )\r\n\r\n        };\r\n\r\n\r\n        const termButtons =\r\n            root.querySelectorAll(\r\n                \".nsc-incoterm-term-button\"\r\n            );\r\n\r\n\r\n        let currentTerm =\r\n            \"EXW\";\r\n\r\n\r\n        \/* =====================================================\r\n           NUMBER\r\n        ===================================================== *\/\r\n\r\n        function getNumber(\r\n            element\r\n        ) {\r\n\r\n            if (\r\n                !element\r\n            ) {\r\n\r\n                return 0;\r\n\r\n            }\r\n\r\n\r\n            const value =\r\n                parseFloat(\r\n                    element.value\r\n                );\r\n\r\n\r\n            if (\r\n                Number.isNaN(\r\n                    value\r\n                )\r\n            ) {\r\n\r\n                return 0;\r\n\r\n            }\r\n\r\n\r\n            return Math.max(\r\n                0,\r\n                value\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MONEY FORMAT\r\n        ===================================================== *\/\r\n\r\n        function formatMoney(\r\n            value\r\n        ) {\r\n\r\n            const code =\r\n                currency.value ||\r\n                \"USD\";\r\n\r\n\r\n            const safeValue =\r\n                Number.isFinite(\r\n                    Number(\r\n                        value\r\n                    )\r\n                )\r\n                    ? Number(\r\n                        value\r\n                      )\r\n                    : 0;\r\n\r\n\r\n            try {\r\n\r\n                return new Intl.NumberFormat(\r\n                    \"en-US\",\r\n                    {\r\n\r\n                        style:\r\n                            \"currency\",\r\n\r\n                        currency:\r\n                            code,\r\n\r\n                        minimumFractionDigits:\r\n                            2,\r\n\r\n                        maximumFractionDigits:\r\n                            2\r\n\r\n                    }\r\n                ).format(\r\n                    safeValue\r\n                );\r\n\r\n            } catch (\r\n                error\r\n            ) {\r\n\r\n                return (\r\n                    code +\r\n                    \" \" +\r\n                    safeValue.toLocaleString(\r\n                        \"en-US\",\r\n                        {\r\n\r\n                            minimumFractionDigits:\r\n                                2,\r\n\r\n                            maximumFractionDigits:\r\n                                2\r\n\r\n                        }\r\n                    )\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           QUANTITY FORMAT\r\n        ===================================================== *\/\r\n\r\n        function formatQuantity(\r\n            value\r\n        ) {\r\n\r\n            if (\r\n                !value ||\r\n                value <= 0\r\n            ) {\r\n\r\n                return \"\u2014\";\r\n\r\n            }\r\n\r\n\r\n            return Number(\r\n                value\r\n            ).toLocaleString(\r\n                \"en-US\",\r\n                {\r\n\r\n                    maximumFractionDigits:\r\n                        4\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           UNIT DISPLAY\r\n        ===================================================== *\/\r\n\r\n        function unitDisplay(\r\n            value\r\n        ) {\r\n\r\n            const labels = {\r\n\r\n                KILOGRAM:\r\n                    \"KILOGRAM\",\r\n\r\n                CARTONS:\r\n                    \"CARTONS\",\r\n\r\n                PIECES:\r\n                    \"PIECES\",\r\n\r\n                PACKAGE:\r\n                    \"PACKAGE\",\r\n\r\n                LITER:\r\n                    \"LITER\"\r\n\r\n            };\r\n\r\n\r\n            return (\r\n                labels[\r\n                    value\r\n                ] ||\r\n                value ||\r\n                \"\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           CURRENCY PREFIX\r\n        ===================================================== *\/\r\n\r\n        function updateCurrencyPrefixes() {\r\n\r\n            const code =\r\n                currency.value ||\r\n                \"USD\";\r\n\r\n\r\n            const selectors = [\r\n\r\n                \"#nscPrefixGoods\",\r\n\r\n                \"#nscPrefixExport\",\r\n\r\n                \"#nscPrefixPreCarriage\",\r\n\r\n                \"#nscPrefixOriginHandling\",\r\n\r\n                \"#nscPrefixSellerPoint\",\r\n\r\n                \"#nscPrefixMainCarriage\",\r\n\r\n                \"#nscPrefixDestination\",\r\n\r\n                \"#nscPrefixUnloading\",\r\n\r\n                \"#nscPrefixImport\",\r\n\r\n                \"#nscPrefixDuties\",\r\n\r\n                \"#nscPrefixInsurance\"\r\n\r\n            ];\r\n\r\n\r\n            selectors.forEach(\r\n                function (\r\n                    selector\r\n                ) {\r\n\r\n                    const element =\r\n                        q(\r\n                            selector\r\n                        );\r\n\r\n\r\n                    if (\r\n                        element\r\n                    ) {\r\n\r\n                        element.textContent =\r\n                            code;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           READ INPUTS\r\n        ===================================================== *\/\r\n\r\n        function readInputs() {\r\n\r\n            return {\r\n\r\n                goods:\r\n                    getNumber(\r\n                        inputMap.goods\r\n                    ),\r\n\r\n                exportClearance:\r\n                    getNumber(\r\n                        inputMap.exportClearance\r\n                    ),\r\n\r\n                originPreCarriage:\r\n                    getNumber(\r\n                        inputMap.originPreCarriage\r\n                    ),\r\n\r\n                originHandling:\r\n                    getNumber(\r\n                        inputMap.originHandling\r\n                    ),\r\n\r\n                sellerDeliveryPoint:\r\n                    getNumber(\r\n                        inputMap.sellerDeliveryPoint\r\n                    ),\r\n\r\n                mainCarriage:\r\n                    getNumber(\r\n                        inputMap.mainCarriage\r\n                    ),\r\n\r\n                destinationOnCarriage:\r\n                    getNumber(\r\n                        inputMap.destinationOnCarriage\r\n                    ),\r\n\r\n                unloading:\r\n                    getNumber(\r\n                        inputMap.unloading\r\n                    ),\r\n\r\n                importClearance:\r\n                    getNumber(\r\n                        inputMap.importClearance\r\n                    ),\r\n\r\n                importDuties:\r\n                    getNumber(\r\n                        inputMap.importDuties\r\n                    ),\r\n\r\n                insuranceRate:\r\n                    getNumber(\r\n                        insuranceRate\r\n                    ),\r\n\r\n                insuranceBasis:\r\n                    getNumber(\r\n                        insuranceBasis\r\n                    ),\r\n\r\n                quantity:\r\n                    getNumber(\r\n                        quantity\r\n                    ),\r\n\r\n                unit:\r\n                    unit.value ||\r\n                    \"\"\r\n\r\n            };\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INSURANCE\r\n        ===================================================== *\/\r\n\r\n        function calculateInsurance(\r\n            termCode,\r\n            data,\r\n            preInsuranceTotal\r\n        ) {\r\n\r\n            if (\r\n                termCode !==\r\n                \"CIF\" &&\r\n                termCode !==\r\n                \"CIP\"\r\n            ) {\r\n\r\n                return {\r\n\r\n                    insured:\r\n                        0,\r\n\r\n                    premium:\r\n                        0\r\n\r\n                };\r\n\r\n            }\r\n\r\n\r\n            const basis =\r\n                data.insuranceBasis >\r\n                0\r\n                    ? data.insuranceBasis\r\n                    : 110;\r\n\r\n\r\n            const insured =\r\n                preInsuranceTotal *\r\n                basis \/\r\n                100;\r\n\r\n\r\n            const premium =\r\n                insured *\r\n                data.insuranceRate \/\r\n                100;\r\n\r\n\r\n            return {\r\n\r\n                insured:\r\n                    insured,\r\n\r\n                premium:\r\n                    premium\r\n\r\n            };\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           CALCULATE TERM\r\n        ===================================================== *\/\r\n\r\n        function calculateTerm(\r\n            termCode,\r\n            data\r\n        ) {\r\n\r\n            const term =\r\n                TERMS[\r\n                    termCode\r\n                ];\r\n\r\n\r\n            if (\r\n                !term\r\n            ) {\r\n\r\n                return {\r\n\r\n                    values: {},\r\n\r\n                    total:\r\n                        0,\r\n\r\n                    excludingGoods:\r\n                        0,\r\n\r\n                    goodsPerUnit:\r\n                        null,\r\n\r\n                    incotermCostPerUnit:\r\n                        null,\r\n\r\n                    finalPricePerUnit:\r\n                        null,\r\n\r\n                    insurance:\r\n                        0,\r\n\r\n                    insuredValue:\r\n                        0\r\n\r\n                };\r\n\r\n            }\r\n\r\n\r\n            const values = {\r\n\r\n                goods:\r\n                    data.goods,\r\n\r\n                exportClearance:\r\n                    data.exportClearance,\r\n\r\n                originPreCarriage:\r\n                    data.originPreCarriage,\r\n\r\n                originHandling:\r\n                    data.originHandling,\r\n\r\n                sellerDeliveryPoint:\r\n                    data.sellerDeliveryPoint,\r\n\r\n                mainCarriage:\r\n                    data.mainCarriage,\r\n\r\n                insurance:\r\n                    0,\r\n\r\n                destinationOnCarriage:\r\n                    data.destinationOnCarriage,\r\n\r\n                unloading:\r\n                    data.unloading,\r\n\r\n                importClearance:\r\n                    data.importClearance,\r\n\r\n                importDuties:\r\n                    data.importDuties\r\n\r\n            };\r\n\r\n\r\n            let preInsuranceTotal =\r\n                0;\r\n\r\n\r\n            term.fields.forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    if (\r\n                        field !==\r\n                        \"insurance\"\r\n                    ) {\r\n\r\n                        preInsuranceTotal +=\r\n                            values[\r\n                                field\r\n                            ] || 0;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const insurance =\r\n                calculateInsurance(\r\n                    termCode,\r\n                    data,\r\n                    preInsuranceTotal\r\n                );\r\n\r\n\r\n            values.insurance =\r\n                insurance.premium;\r\n\r\n\r\n            let total =\r\n                0;\r\n\r\n\r\n            term.fields.forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    total +=\r\n                        values[\r\n                            field\r\n                        ] || 0;\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* -------------------------------------------------\r\n               IMPORTANT CORE CALCULATION\r\n            ------------------------------------------------- *\/\r\n\r\n            const excludingGoods =\r\n                Math.max(\r\n                    0,\r\n                    total -\r\n                    data.goods\r\n                );\r\n\r\n\r\n            const validQuantity =\r\n                data.quantity >\r\n                0;\r\n\r\n\r\n            const goodsPerUnit =\r\n                validQuantity\r\n                    ? data.goods \/\r\n                      data.quantity\r\n                    : null;\r\n\r\n\r\n            const incotermCostPerUnit =\r\n                validQuantity\r\n                    ? excludingGoods \/\r\n                      data.quantity\r\n                    : null;\r\n\r\n\r\n            const finalPricePerUnit =\r\n                validQuantity\r\n                    ? total \/\r\n                      data.quantity\r\n                    : null;\r\n\r\n\r\n            return {\r\n\r\n                values:\r\n                    values,\r\n\r\n                total:\r\n                    total,\r\n\r\n                excludingGoods:\r\n                    excludingGoods,\r\n\r\n                goodsPerUnit:\r\n                    goodsPerUnit,\r\n\r\n                incotermCostPerUnit:\r\n                    incotermCostPerUnit,\r\n\r\n                finalPricePerUnit:\r\n                    finalPricePerUnit,\r\n\r\n                preInsuranceTotal:\r\n                    preInsuranceTotal,\r\n\r\n                insuredValue:\r\n                    insurance.insured,\r\n\r\n                insurance:\r\n                    insurance.premium\r\n\r\n            };\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FIELD LABEL\r\n        ===================================================== *\/\r\n\r\n        function getFieldLabel(\r\n            termCode,\r\n            field\r\n        ) {\r\n\r\n            const termContent =\r\n                FIELD_CONTENT[\r\n                    termCode\r\n                ];\r\n\r\n\r\n            if (\r\n                termContent &&\r\n                termContent[field] &&\r\n                termContent[field].label\r\n            ) {\r\n\r\n                return termContent[\r\n                    field\r\n                ].label;\r\n\r\n            }\r\n\r\n\r\n            const defaults = {\r\n\r\n                goods:\r\n                    \"Goods \/ Product Value\",\r\n\r\n                exportClearance:\r\n                    \"Export Customs Clearance\",\r\n\r\n                originPreCarriage:\r\n                    \"Origin Inland Transport \/ Pre-Carriage\",\r\n\r\n                originHandling:\r\n                    \"Origin Local \/ Terminal Charges\",\r\n\r\n                sellerDeliveryPoint:\r\n                    \"Seller Delivery \/ Responsibility Point\",\r\n\r\n                mainCarriage:\r\n                    \"Main Carriage\",\r\n\r\n                insurance:\r\n                    \"Insurance\",\r\n\r\n                destinationOnCarriage:\r\n                    \"Destination On-Carriage\",\r\n\r\n                unloading:\r\n                    \"Destination Unloading\",\r\n\r\n                importClearance:\r\n                    \"Import Customs Clearance\",\r\n\r\n                importDuties:\r\n                    \"Import Duties & Taxes\"\r\n\r\n            };\r\n\r\n\r\n            return (\r\n                defaults[\r\n                    field\r\n                ] ||\r\n                field\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           UPDATE DYNAMIC FIELDS\r\n        ===================================================== *\/\r\n\r\n        function updateDynamicFields() {\r\n\r\n            const term =\r\n                TERMS[\r\n                    currentTerm\r\n                ];\r\n\r\n\r\n            if (\r\n                !term\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            const fields =\r\n                root.querySelectorAll(\r\n                    \"[data-cost-field]\"\r\n                );\r\n\r\n\r\n            fields.forEach(\r\n                function (\r\n                    element\r\n                ) {\r\n\r\n                    const field =\r\n                        element.getAttribute(\r\n                            \"data-cost-field\"\r\n                        );\r\n\r\n\r\n                    const visible =\r\n                        term.fields.includes(\r\n                            field\r\n                        );\r\n\r\n\r\n                    element.classList.toggle(\r\n                        \"nsc-hidden\",\r\n                        !visible\r\n                    );\r\n\r\n\r\n                    const content =\r\n                        FIELD_CONTENT[\r\n                            currentTerm\r\n                        ] &&\r\n                        FIELD_CONTENT[\r\n                            currentTerm\r\n                        ][\r\n                            field\r\n                        ];\r\n\r\n\r\n                    if (\r\n                        visible &&\r\n                        content\r\n                    ) {\r\n\r\n                        const label =\r\n                            element.querySelector(\r\n                                '[data-label-field=\"' +\r\n                                field +\r\n                                '\"]'\r\n                            );\r\n\r\n\r\n                        const description =\r\n                            element.querySelector(\r\n                                '[data-description-field=\"' +\r\n                                field +\r\n                                '\"]'\r\n                            );\r\n\r\n\r\n                        if (\r\n                            label &&\r\n                            content.label\r\n                        ) {\r\n\r\n                            label.textContent =\r\n                                content.label;\r\n\r\n                        }\r\n\r\n\r\n                        if (\r\n                            description &&\r\n                            content.description\r\n                        ) {\r\n\r\n                            description.textContent =\r\n                                content.description;\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const insuranceVisible =\r\n                term.fields.includes(\r\n                    \"insurance\"\r\n                );\r\n\r\n\r\n            insuranceSection.classList.toggle(\r\n                \"nsc-hidden\",\r\n                !insuranceVisible\r\n            );\r\n\r\n\r\n            const note =\r\n                q(\r\n                    \"#nscInsuranceNote\"\r\n                );\r\n\r\n\r\n            if (\r\n                note &&\r\n                insuranceVisible\r\n            ) {\r\n\r\n                if (\r\n                    currentTerm ===\r\n                    \"CIF\"\r\n                ) {\r\n\r\n                    note.textContent =\r\n                        \"CIF requires seller-arranged cargo insurance. The calculator estimates the premium using the entered premium rate and insured-value basis.\";\r\n\r\n                } else {\r\n\r\n                    note.textContent =\r\n                        \"CIP requires seller-arranged cargo insurance. The calculator estimates the premium using the entered premium rate and insured-value basis.\";\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           SELECTED TERM\r\n        ===================================================== *\/\r\n\r\n        function updateSelectedTerm() {\r\n\r\n            const term =\r\n                TERMS[\r\n                    currentTerm\r\n                ];\r\n\r\n\r\n            if (\r\n                !term\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            selectedCode.textContent =\r\n                currentTerm;\r\n\r\n\r\n            selectedName.textContent =\r\n                term.name;\r\n\r\n\r\n            selectedDescription.textContent =\r\n                term.short;\r\n\r\n\r\n            selectedEndpoint.textContent =\r\n                term.endpoint;\r\n\r\n\r\n            loadExampleButton.textContent =\r\n                \"Load \" +\r\n                currentTerm +\r\n                \" Example\";\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           BREAKDOWN\r\n        ===================================================== *\/\r\n\r\n        function renderBreakdown(\r\n            termCode,\r\n            calculation\r\n        ) {\r\n\r\n            resultBreakdown.innerHTML =\r\n                \"\";\r\n\r\n\r\n            TERMS[\r\n                termCode\r\n            ].fields.forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    const row =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    row.className =\r\n                        \"nsc-incoterm-breakdown-row\";\r\n\r\n\r\n                    const label =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    label.className =\r\n                        \"nsc-incoterm-breakdown-label\";\r\n\r\n\r\n                    label.textContent =\r\n                        getFieldLabel(\r\n                            termCode,\r\n                            field\r\n                        );\r\n\r\n\r\n                    const value =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    value.className =\r\n                        \"nsc-incoterm-breakdown-value\";\r\n\r\n\r\n                    value.textContent =\r\n                        formatMoney(\r\n                            calculation.values[\r\n                                field\r\n                            ]\r\n                        );\r\n\r\n\r\n                    row.appendChild(\r\n                        label\r\n                    );\r\n\r\n\r\n                    row.appendChild(\r\n                        value\r\n                    );\r\n\r\n\r\n                    resultBreakdown.appendChild(\r\n                        row\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            appendTotalRow(\r\n                \"Total \" +\r\n                termCode +\r\n                \" Value Including Goods\",\r\n                calculation.total\r\n            );\r\n\r\n\r\n            const lessGoodsRow =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            lessGoodsRow.className =\r\n                \"nsc-incoterm-breakdown-row\";\r\n\r\n\r\n            const lessGoodsLabel =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            lessGoodsLabel.className =\r\n                \"nsc-incoterm-breakdown-label\";\r\n\r\n\r\n            lessGoodsLabel.textContent =\r\n                \"Less: Goods Value\";\r\n\r\n\r\n            const lessGoodsValue =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            lessGoodsValue.className =\r\n                \"nsc-incoterm-breakdown-value\";\r\n\r\n\r\n            lessGoodsValue.textContent =\r\n                \"\u2212 \" +\r\n                formatMoney(\r\n                    calculation.values.goods\r\n                );\r\n\r\n\r\n            lessGoodsRow.appendChild(\r\n                lessGoodsLabel\r\n            );\r\n\r\n\r\n            lessGoodsRow.appendChild(\r\n                lessGoodsValue\r\n            );\r\n\r\n\r\n            resultBreakdown.appendChild(\r\n                lessGoodsRow\r\n            );\r\n\r\n\r\n            appendTotalRow(\r\n                \"Total \" +\r\n                termCode +\r\n                \" Value Excluding Goods\",\r\n                calculation.excludingGoods\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TOTAL ROW\r\n        ===================================================== *\/\r\n\r\n        function appendTotalRow(\r\n            labelText,\r\n            valueNumber\r\n        ) {\r\n\r\n            const row =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            row.className =\r\n                \"nsc-incoterm-breakdown-row total\";\r\n\r\n\r\n            const label =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            label.className =\r\n                \"nsc-incoterm-breakdown-label\";\r\n\r\n\r\n            label.textContent =\r\n                labelText;\r\n\r\n\r\n            const value =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            value.className =\r\n                \"nsc-incoterm-breakdown-value\";\r\n\r\n\r\n            value.textContent =\r\n                formatMoney(\r\n                    valueNumber\r\n                );\r\n\r\n\r\n            row.appendChild(\r\n                label\r\n            );\r\n\r\n\r\n            row.appendChild(\r\n                value\r\n            );\r\n\r\n\r\n            resultBreakdown.appendChild(\r\n                row\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INCLUDED COSTS\r\n        ===================================================== *\/\r\n\r\n        function renderIncluded(\r\n            termCode\r\n        ) {\r\n\r\n            includedList.innerHTML =\r\n                \"\";\r\n\r\n\r\n            TERMS[\r\n                termCode\r\n            ].fields.forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    const pill =\r\n                        document.createElement(\r\n                            \"span\"\r\n                        );\r\n\r\n\r\n                    pill.className =\r\n                        \"nsc-incoterm-pill\";\r\n\r\n\r\n                    pill.textContent =\r\n                        getFieldLabel(\r\n                            termCode,\r\n                            field\r\n                        );\r\n\r\n\r\n                    includedList.appendChild(\r\n                        pill\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           RESULT\r\n        ===================================================== *\/\r\n\r\n        function renderResult(\r\n            data,\r\n            calculation\r\n        ) {\r\n\r\n            const term =\r\n                TERMS[\r\n                    currentTerm\r\n                ];\r\n\r\n\r\n            resultCode.textContent =\r\n                currentTerm;\r\n\r\n\r\n            resultName.textContent =\r\n                term.name;\r\n\r\n\r\n            resultTotal.textContent =\r\n                calculation.total >\r\n                0\r\n                    ? formatMoney(\r\n                        calculation.total\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            resultIncludingGoods.textContent =\r\n                calculation.total >\r\n                0\r\n                    ? formatMoney(\r\n                        calculation.total\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            resultExcludingGoods.textContent =\r\n                formatMoney(\r\n                    calculation.excludingGoods\r\n                );\r\n\r\n\r\n            resultUnit.textContent =\r\n                calculation.finalPricePerUnit !==\r\n                null &&\r\n                data.unit\r\n                    ? formatMoney(\r\n                        calculation.finalPricePerUnit\r\n                      ) +\r\n                      \" \/ \" +\r\n                      unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            resultDescription.textContent =\r\n                term.description;\r\n\r\n\r\n            resultFormula.textContent =\r\n\r\n                \"Goods Value \u00f7 Sales Quantity = Goods Price \/ Unit\" +\r\n                \"  +  \" +\r\n                \"Total \" +\r\n                currentTerm +\r\n                \" Value Excluding Goods \u00f7 Sales Quantity = \" +\r\n                currentTerm +\r\n                \" Cost \/ Unit\" +\r\n                \"  =  Final \" +\r\n                currentTerm +\r\n                \" Price \/ Unit\";\r\n\r\n\r\n            resultSellingUnit.textContent =\r\n                data.unit\r\n                    ? unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            resultQuantity.textContent =\r\n                formatQuantity(\r\n                    data.quantity\r\n                );\r\n\r\n\r\n            resultEndpoint.textContent =\r\n                term.endpoint;\r\n\r\n\r\n            goodsPerUnit.textContent =\r\n                calculation.goodsPerUnit !==\r\n                null &&\r\n                data.unit\r\n                    ? formatMoney(\r\n                        calculation.goodsPerUnit\r\n                      ) +\r\n                      \" \/ \" +\r\n                      unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            incotermCostPerUnit.textContent =\r\n                calculation.incotermCostPerUnit !==\r\n                null &&\r\n                data.unit\r\n                    ? formatMoney(\r\n                        calculation.incotermCostPerUnit\r\n                      ) +\r\n                      \" \/ \" +\r\n                      unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            finalPricePerUnit.textContent =\r\n                calculation.finalPricePerUnit !==\r\n                null &&\r\n                data.unit\r\n                    ? formatMoney(\r\n                        calculation.finalPricePerUnit\r\n                      ) +\r\n                      \" \/ \" +\r\n                      unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"\u2014\";\r\n\r\n\r\n            renderBreakdown(\r\n                currentTerm,\r\n                calculation\r\n            );\r\n\r\n\r\n            renderIncluded(\r\n                currentTerm\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           COMPARISON\r\n        ===================================================== *\/\r\n\r\n        function renderComparison(\r\n            data\r\n        ) {\r\n\r\n            comparison.innerHTML =\r\n                \"\";\r\n\r\n\r\n            Object.keys(\r\n                TERMS\r\n            ).forEach(\r\n                function (\r\n                    code\r\n                ) {\r\n\r\n                    const term =\r\n                        TERMS[\r\n                            code\r\n                        ];\r\n\r\n\r\n                    const calculation =\r\n                        calculateTerm(\r\n                            code,\r\n                            data\r\n                        );\r\n\r\n\r\n                    const item =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    item.className =\r\n                        \"nsc-incoterm-comparison-item\";\r\n\r\n\r\n                    if (\r\n                        code ===\r\n                        currentTerm\r\n                    ) {\r\n\r\n                        item.classList.add(\r\n                            \"active\"\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    const codeElement =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    codeElement.className =\r\n                        \"nsc-incoterm-comparison-code\";\r\n\r\n\r\n                    codeElement.textContent =\r\n                        code;\r\n\r\n\r\n                    const nameElement =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    nameElement.className =\r\n                        \"nsc-incoterm-comparison-name\";\r\n\r\n\r\n                    nameElement.textContent =\r\n                        term.name;\r\n\r\n\r\n                    const totalElement =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    totalElement.className =\r\n                        \"nsc-incoterm-comparison-total\";\r\n\r\n\r\n                    totalElement.textContent =\r\n                        calculation.total >\r\n                        0\r\n                            ? formatMoney(\r\n                                calculation.total\r\n                              )\r\n                            : \"Total \u2014\";\r\n\r\n\r\n                    const unitElement =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    unitElement.className =\r\n                        \"nsc-incoterm-comparison-unit\";\r\n\r\n\r\n                    unitElement.textContent =\r\n                        calculation.finalPricePerUnit !==\r\n                        null &&\r\n                        data.unit\r\n                            ? formatMoney(\r\n                                calculation.finalPricePerUnit\r\n                              ) +\r\n                              \" \/ \" +\r\n                              unitDisplay(\r\n                                  data.unit\r\n                              )\r\n                            : \"Price \/ unit \u2014\";\r\n\r\n\r\n                    const noteElement =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    noteElement.className =\r\n                        \"nsc-incoterm-comparison-note\";\r\n\r\n\r\n                    noteElement.textContent =\r\n                        term.endpoint;\r\n\r\n\r\n                    item.appendChild(\r\n                        codeElement\r\n                    );\r\n\r\n\r\n                    item.appendChild(\r\n                        nameElement\r\n                    );\r\n\r\n\r\n                    item.appendChild(\r\n                        totalElement\r\n                    );\r\n\r\n\r\n                    item.appendChild(\r\n                        unitElement\r\n                    );\r\n\r\n\r\n                    item.appendChild(\r\n                        noteElement\r\n                    );\r\n\r\n\r\n                    item.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            setTerm(\r\n                                code,\r\n                                true\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    comparison.appendChild(\r\n                        item\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           EXPLANATION\r\n        ===================================================== *\/\r\n\r\n        function renderExplanation(\r\n            data,\r\n            calculation\r\n        ) {\r\n\r\n            const selectedUnit =\r\n                data.unit\r\n                    ? unitDisplay(\r\n                        data.unit\r\n                      )\r\n                    : \"selected unit\";\r\n\r\n\r\n            explanationIntro.textContent =\r\n\r\n                \"For \" +\r\n                currentTerm +\r\n                \", Goods Value is kept separate from the additional seller-side Incoterm cost. \" +\r\n                (\r\n                    calculation.total >\r\n                    0\r\n                        ? \"The current total is \" +\r\n                          formatMoney(\r\n                              calculation.total\r\n                          ) +\r\n                          \". \"\r\n                        : \"\"\r\n                ) +\r\n                \"The final price per \" +\r\n                selectedUnit.toLowerCase() +\r\n                \" is built by adding Goods Price per Unit and \" +\r\n                currentTerm +\r\n                \" Cost per Unit.\";\r\n\r\n\r\n            explanationGrid.innerHTML =\r\n                \"\";\r\n\r\n\r\n            const cards = [\r\n\r\n                {\r\n\r\n                    title:\r\n                        \"Goods Value\",\r\n\r\n                    text:\r\n                        \"The original commercial value of the goods. It remains separate from logistics and Incoterm-related costs.\"\r\n\r\n                },\r\n\r\n\r\n                {\r\n\r\n                    title:\r\n                        \"Seller Responsibility Costs\",\r\n\r\n                    text:\r\n                        \"Only the seller-side categories applicable to the selected Incoterm are included in the total.\"\r\n\r\n                },\r\n\r\n\r\n                {\r\n\r\n                    title:\r\n                        \"Incoterm Cost Excluding Goods\",\r\n\r\n                    text:\r\n                        \"Total \" +\r\n                        currentTerm +\r\n                        \" Value Including Goods minus Goods Value.\"\r\n\r\n                },\r\n\r\n\r\n                {\r\n\r\n                    title:\r\n                        \"Final Price Per Unit\",\r\n\r\n                    text:\r\n                        \"Goods Price per Unit plus \" +\r\n                        currentTerm +\r\n                        \" Cost per Unit produces the Final Incoterm Price per Unit.\"\r\n\r\n                }\r\n\r\n            ];\r\n\r\n\r\n            cards.forEach(\r\n                function (\r\n                    card,\r\n                    index\r\n                ) {\r\n\r\n                    const element =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    element.className =\r\n                        \"nsc-incoterm-explanation-card\";\r\n\r\n\r\n                    element.innerHTML =\r\n\r\n                        '<div class=\"nsc-incoterm-explanation-number\">' +\r\n\r\n                            String(\r\n                                index + 1\r\n                            ).padStart(\r\n                                2,\r\n                                \"0\"\r\n                            ) +\r\n\r\n                        '<\/div>' +\r\n\r\n                        '<h3>' +\r\n                            card.title +\r\n                        '<\/h3>' +\r\n\r\n                        '<p>' +\r\n                            card.text +\r\n                        '<\/p>';\r\n\r\n\r\n                    explanationGrid.appendChild(\r\n                        element\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           RULES\r\n        ===================================================== *\/\r\n\r\n        function renderRules() {\r\n\r\n            rulesGrid.innerHTML =\r\n                \"\";\r\n\r\n\r\n            Object.keys(\r\n                TERMS\r\n            ).forEach(\r\n                function (\r\n                    code\r\n                ) {\r\n\r\n                    const term =\r\n                        TERMS[\r\n                            code\r\n                        ];\r\n\r\n\r\n                    const card =\r\n                        document.createElement(\r\n                            \"article\"\r\n                        );\r\n\r\n\r\n                    card.className =\r\n                        \"nsc-incoterm-rule-card\";\r\n\r\n\r\n                    if (\r\n                        code ===\r\n                        currentTerm\r\n                    ) {\r\n\r\n                        card.classList.add(\r\n                            \"active\"\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    card.innerHTML =\r\n\r\n                        '<div class=\"nsc-incoterm-rule-top\">' +\r\n\r\n                            '<div class=\"nsc-incoterm-rule-code\">' +\r\n                                code +\r\n                            '<\/div>' +\r\n\r\n                            '<div class=\"nsc-incoterm-rule-mode\">' +\r\n                                term.mode +\r\n                            '<\/div>' +\r\n\r\n                        '<\/div>' +\r\n\r\n                        '<div class=\"nsc-incoterm-rule-name\">' +\r\n                            term.name +\r\n                        '<\/div>' +\r\n\r\n                        '<div class=\"nsc-incoterm-rule-endpoint\">' +\r\n                            \"Seller endpoint: \" +\r\n                            term.endpoint +\r\n                        '<\/div>' +\r\n\r\n                        '<div class=\"nsc-incoterm-rule-description\">' +\r\n                            term.description +\r\n                        '<\/div>';\r\n\r\n\r\n                    rulesGrid.appendChild(\r\n                        card\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INSURANCE\r\n        ===================================================== *\/\r\n\r\n        function renderInsurance(\r\n            calculation\r\n        ) {\r\n\r\n            const visible =\r\n                TERMS[\r\n                    currentTerm\r\n                ].fields.includes(\r\n                    \"insurance\"\r\n                );\r\n\r\n\r\n            if (\r\n                !visible\r\n            ) {\r\n\r\n                insuranceAmount.value =\r\n                    \"\";\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            insuranceAmount.value =\r\n                calculation.insurance >\r\n                0\r\n                    ? formatMoney(\r\n                        calculation.insurance\r\n                      )\r\n                    : \"\";\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FULL RENDER\r\n        ===================================================== *\/\r\n\r\n        function render() {\r\n\r\n            const data =\r\n                readInputs();\r\n\r\n\r\n            const calculation =\r\n                calculateTerm(\r\n                    currentTerm,\r\n                    data\r\n                );\r\n\r\n\r\n            updateDynamicFields();\r\n\r\n            updateSelectedTerm();\r\n\r\n            updateCurrencyPrefixes();\r\n\r\n            renderInsurance(\r\n                calculation\r\n            );\r\n\r\n            renderResult(\r\n                data,\r\n                calculation\r\n            );\r\n\r\n            renderComparison(\r\n                data\r\n            );\r\n\r\n            renderExplanation(\r\n                data,\r\n                calculation\r\n            );\r\n\r\n            renderRules();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           SET TERM\r\n        ===================================================== *\/\r\n\r\n        function setTerm(\r\n            code,\r\n            scrollResult\r\n        ) {\r\n\r\n            if (\r\n                !TERMS[\r\n                    code\r\n                ]\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            currentTerm =\r\n                code;\r\n\r\n\r\n            termButtons.forEach(\r\n                function (\r\n                    button\r\n                ) {\r\n\r\n                    const active =\r\n                        button.dataset.term ===\r\n                        code;\r\n\r\n\r\n                    button.classList.toggle(\r\n                        \"active\",\r\n                        active\r\n                    );\r\n\r\n\r\n                    button.setAttribute(\r\n                        \"aria-pressed\",\r\n                        active\r\n                            ? \"true\"\r\n                            : \"false\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            render();\r\n\r\n\r\n            if (\r\n                scrollResult\r\n            ) {\r\n\r\n                const result =\r\n                    q(\r\n                        \"#nscIncotermResultCard\"\r\n                    );\r\n\r\n\r\n                if (\r\n                    result\r\n                ) {\r\n\r\n                    window.setTimeout(\r\n                        function () {\r\n\r\n                            result.scrollIntoView(\r\n                                {\r\n\r\n                                    behavior:\r\n                                        \"smooth\",\r\n\r\n                                    block:\r\n                                        \"start\"\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n                        60\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           LOAD EXAMPLE\r\n        ===================================================== *\/\r\n\r\n        function loadExample() {\r\n\r\n            const example =\r\n                EXAMPLES[\r\n                    currentTerm\r\n                ];\r\n\r\n\r\n            if (\r\n                !example\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            currency.value =\r\n                example.currency ||\r\n                \"USD\";\r\n\r\n\r\n            namedPlace.value =\r\n                example.namedPlace ||\r\n                \"\";\r\n\r\n\r\n            unit.value =\r\n                example.unit ||\r\n                \"\";\r\n\r\n\r\n            quantity.value =\r\n                example.quantity ||\r\n                \"\";\r\n\r\n\r\n            Object.keys(\r\n                inputMap\r\n            ).forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    const element =\r\n                        inputMap[\r\n                            field\r\n                        ];\r\n\r\n\r\n                    if (\r\n                        element &&\r\n                        example[\r\n                            field\r\n                        ] !==\r\n                        undefined\r\n                    ) {\r\n\r\n                        element.value =\r\n                            example[\r\n                                field\r\n                            ];\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            insuranceRate.value =\r\n                example.insuranceRate ||\r\n                \"\";\r\n\r\n\r\n            insuranceBasis.value =\r\n                example.insuranceBasis ||\r\n                110;\r\n\r\n\r\n            render();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TERM BUTTON EVENTS\r\n        ===================================================== *\/\r\n\r\n        termButtons.forEach(\r\n            function (\r\n                button\r\n            ) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        setTerm(\r\n                            button.dataset.term,\r\n                            false\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           EXAMPLE EVENT\r\n        ===================================================== *\/\r\n\r\n        loadExampleButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                loadExample();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           INPUT EVENTS\r\n        ===================================================== *\/\r\n\r\n        root.querySelectorAll(\r\n            \"input, select\"\r\n        ).forEach(\r\n            function (\r\n                element\r\n            ) {\r\n\r\n                element.addEventListener(\r\n                    \"input\",\r\n                    function () {\r\n\r\n                        render();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                element.addEventListener(\r\n                    \"change\",\r\n                    function () {\r\n\r\n                        render();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           CALCULATE EVENT\r\n        ===================================================== *\/\r\n\r\n        calculateButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                render();\r\n\r\n\r\n                const result =\r\n                    q(\r\n                        \"#nscIncotermResultCard\"\r\n                    );\r\n\r\n\r\n                if (\r\n                    result\r\n                ) {\r\n\r\n                    result.scrollIntoView(\r\n                        {\r\n\r\n                            behavior:\r\n                                \"smooth\",\r\n\r\n                            block:\r\n                                \"start\"\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           INITIAL RENDER\r\n        ===================================================== *\/\r\n\r\n        render();\r\n\r\n\r\n        \/* =====================================================\r\n           ADDITIONAL SINGLE INSTANCE CHECKS\r\n        ===================================================== *\/\r\n\r\n        window.setTimeout(\r\n            function () {\r\n\r\n                protectDuplicates();\r\n\r\n            },\r\n            100\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n            function () {\r\n\r\n                protectDuplicates();\r\n\r\n            },\r\n            500\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n            function () {\r\n\r\n                protectDuplicates();\r\n\r\n            },\r\n            1500\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n            function () {\r\n\r\n                protectDuplicates();\r\n\r\n            },\r\n            3000\r\n        );\r\n\r\n\r\n        return true;\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DUPLICATE PROTECTION\r\n    ========================================================= *\/\r\n\r\n    function protectDuplicates() {\r\n\r\n        const instances =\r\n            Array.prototype.slice.call(\r\n                document.querySelectorAll(\r\n                    INSTANCE_SELECTOR\r\n                )\r\n            );\r\n\r\n\r\n        if (\r\n            instances.length <= 1\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        for (\r\n            let index = 1;\r\n            index < instances.length;\r\n            index++\r\n        ) {\r\n\r\n            const duplicate =\r\n                instances[index];\r\n\r\n\r\n            if (\r\n                duplicate &&\r\n                duplicate.parentNode\r\n            ) {\r\n\r\n                duplicate.parentNode.removeChild(\r\n                    duplicate\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BOOT\r\n    ========================================================= *\/\r\n\r\n    function boot() {\r\n\r\n        if (\r\n            initializeBuilder()\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * WordPress\/page builder may inject this\r\n         * HTML after DOM ready.\r\n         *\/\r\n\r\n        if (\r\n            typeof MutationObserver ===\r\n            \"undefined\"\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        let attempts =\r\n            0;\r\n\r\n\r\n        const maximumAttempts =\r\n            80;\r\n\r\n\r\n        const observer =\r\n            new MutationObserver(\r\n                function () {\r\n\r\n                    if (\r\n                        initializeBuilder()\r\n                    ) {\r\n\r\n                        observer.disconnect();\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    attempts++;\r\n\r\n\r\n                    if (\r\n                        attempts >=\r\n                        maximumAttempts\r\n                    ) {\r\n\r\n                        observer.disconnect();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n        if (\r\n            document.documentElement\r\n        ) {\r\n\r\n            observer.observe(\r\n                document.documentElement,\r\n                {\r\n\r\n                    childList:\r\n                        true,\r\n\r\n                    subtree:\r\n                        true\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        window.setTimeout(\r\n            function () {\r\n\r\n                observer.disconnect();\r\n\r\n            },\r\n            15000\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       START\r\n    ========================================================= *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            boot,\r\n            {\r\n                once:\r\n                    true\r\n            }\r\n        );\r\n\r\n    } else {\r\n\r\n        boot();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\r\n<!-- =========================================================\r\n     SEO \/ GEO STRUCTURED DATA\r\n========================================================= -->\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"WebApplication\",\r\n    \"name\": \"NS Continent Incoterm Price Builder\",\r\n    \"applicationCategory\": \"BusinessApplication\",\r\n    \"operatingSystem\": \"Web\",\r\n    \"description\": \"Online Incoterm Price Builder for estimating seller-side commercial value and final price per kilogram, carton, piece, package or liter across the 11 Incoterms 2020 rules.\",\r\n    \"url\": \"https:\/\/nscontinent.com\/incoterms\/\",\r\n    \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"PT Nova Sync Continent\",\r\n        \"url\": \"https:\/\/nscontinent.com\/\"\r\n    }\r\n}\r\n<\/script>   \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SMART LOGISTICS TOOLS Incoterm Price Builder Build Your Trade Value From EXW to DDP. Build an estimated seller-side commercial value from the goods value and applicable logistics costs under the selected Incoterm. Then calculate the goods price, Incoterm cost and final commercial price per kilogram, carton, piece, package or liter. Select Incoterm\u00ae Seller-side cost fields [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/1205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/comments?post=1205"}],"version-history":[{"count":10,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/1205\/revisions"}],"predecessor-version":[{"id":1217,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/1205\/revisions\/1217"}],"wp:attachment":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/media?parent=1205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}