{"id":122,"date":"2026-08-29T07:14:40","date_gmt":"2026-08-29T07:14:40","guid":{"rendered":"https:\/\/protos.vn\/?page_id=122"},"modified":"2026-09-30T14:38:08","modified_gmt":"2026-09-30T14:38:08","slug":"tools","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/tools\/","title":{"rendered":"Tools"},"content":{"rendered":"    <div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"tool-catalog\" data-module=\"tools\" data-route=\"\/tools\">\r\n    <div id=\"protos-main\" tabindex=\"-1\">\r\n<!-- SELF-CONTAINED CSS: Single Scrollbar Architecture & Theme Isolation -->\r\n<style id=\"protos-tools-promax-css\">\r\nhtml {\r\n    overflow-x: hidden !important;\r\n    overflow-y: scroll !important;\r\n    scrollbar-gutter: stable;\r\n}\r\n\r\nbody.protos-content-page,\r\nbody.protos-content-page #wrapper,\r\nbody.protos-content-page #main,\r\n.protos-full-page,\r\n#protos-app.protos-site,\r\n#protos-main {\r\n    background-color: #ffffff !important;\r\n    color: #0f172a !important;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    overflow-x: visible !important;\r\n    overflow-y: visible !important;\r\n    max-height: none !important;\r\n    height: auto !important;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody.protos-content-page #header:not(.v-header):not(.p-header),\r\nbody.protos-content-page header#header:not(.v-header):not(.p-header),\r\nbody.protos-content-page .header-wrapper:not(:has(.v-header)),\r\nbody.protos-content-page #masthead,\r\nbody.protos-content-page .absolute-footer {\r\n    display: none !important;\r\n    height: 0 !important;\r\n    visibility: hidden !important;\r\n}\r\n\r\n.px-section {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(64px, 7vw, 110px) 0;\r\n    overflow-x: clip;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.px-container {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin-inline: auto;\r\n    padding-inline: clamp(16px, 4vw, 32px);\r\n    position: relative;\r\n    z-index: 2;\r\n    box-sizing: border-box;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .px-br-desktop { display: none !important; }\r\n}\r\n@media (min-width: 769px) {\r\n    .px-br-desktop { display: inline !important; }\r\n}\r\n\r\n.px-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 6px 14px;\r\n    border-radius: 999px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #94a3b8;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.px-status-dot-tools {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #06b6d4;\r\n    box-shadow: 0 0 10px #06b6d4;\r\n    animation: pxPulseTools 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pxPulseTools {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.85); }\r\n}\r\n\r\n.px-hero {\r\n    padding-top: clamp(48px, 6vw, 90px);\r\n    padding-bottom: clamp(64px, 8vw, 120px);\r\n    background: radial-gradient(circle at 50% -10%, rgba(6, 182, 212, 0.14) 0%, rgba(255, 255, 255, 0) 70%);\r\n}\r\n\r\n.px-hero-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.px-hero-title {\r\n    font-size: clamp(34px, 4.8vw, 60px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    margin: 0 0 24px 0;\r\n    color: #ffffff;\r\n}\r\n\r\n.px-gradient-text-tools {\r\n    background: linear-gradient(135deg, #ffffff 30%, #22d3ee 75%, #0891b2 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.px-hero-desc {\r\n    font-size: clamp(16px, 1.25vw, 19px);\r\n    line-height: 1.65;\r\n    color: #94a3b8;\r\n    margin: 0 auto 36px auto;\r\n}\r\n\r\n\/* Metric Ribbon *\/\r\n.px-metric-ribbon {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: clamp(48px, 6vw, 72px);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding-top: clamp(24px, 3vw, 40px);\r\n}\r\n@media (max-width: 900px) {\r\n    .px-metric-ribbon { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n    .px-metric-ribbon { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-ribbon-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.px-ribbon-num {\r\n    font-size: clamp(28px, 3vw, 38px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 6px;\r\n}\r\n.px-ribbon-num span {\r\n    color: #22d3ee;\r\n}\r\n.px-ribbon-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Live Calculator Interactive Widget *\/\r\n.px-calc-stage {\r\n    background: rgba(15, 23, 42, 0.75);\r\n    border: 1px solid rgba(6, 182, 212, 0.3);\r\n    border-radius: 24px;\r\n    padding: clamp(28px, 4vw, 44px);\r\n    margin-top: 48px;\r\n    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.7), 0 0 40px -10px rgba(6, 182, 212, 0.2);\r\n    backdrop-filter: blur(20px);\r\n}\r\n\r\n.px-calc-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: clamp(24px, 4vw, 48px);\r\n    align-items: center;\r\n}\r\n@media (max-width: 900px) {\r\n    .px-calc-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-input-group {\r\n    margin-bottom: 18px;\r\n}\r\n.px-input-label {\r\n    display: block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: #94a3b8;\r\n    margin-bottom: 8px;\r\n    letter-spacing: 0.05em;\r\n}\r\n.px-input-field {\r\n    width: 100%;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 12px;\r\n    padding: 12px 16px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    box-sizing: border-box;\r\n    transition: all 0.2s ease;\r\n}\r\n.px-input-field:focus {\r\n    outline: none;\r\n    border-color: #06b6d4;\r\n    background: rgba(6, 182, 212, 0.05);\r\n}\r\n\r\n.px-calc-result-box {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    text-align: center;\r\n}\r\n.px-res-tag {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n    color: #06b6d4;\r\n    margin-bottom: 8px;\r\n}\r\n.px-res-value {\r\n    font-size: clamp(40px, 5vw, 56px);\r\n    font-weight: 800;\r\n    color: #22d3ee;\r\n    line-height: 1;\r\n    font-feature-settings: \"tnum\";\r\n    margin-bottom: 12px;\r\n}\r\n.px-res-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Tools Grid *\/\r\n.px-tools-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n}\r\n@media (max-width: 992px) {\r\n    .px-tools-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 640px) {\r\n    .px-tools-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-tool-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.px-tool-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.6), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.px-tool-card:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(6, 182, 212, 0.3);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6);\r\n}\r\n.px-tool-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.px-tool-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    background: rgba(6, 182, 212, 0.1);\r\n    border: 1px solid rgba(6, 182, 212, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #22d3ee;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.px-tool-badge {\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 24px;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    padding: 3px 8px;\r\n    border-radius: 4px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #94a3b8;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n}\r\n.px-tool-badge.featured {\r\n    background: rgba(6, 182, 212, 0.15);\r\n    color: #22d3ee;\r\n    border-color: rgba(6, 182, 212, 0.3);\r\n}\r\n\r\n.px-tool-title {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.px-tool-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.6;\r\n    margin: 0 0 24px 0;\r\n}\r\n\r\n.px-tool-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #22d3ee;\r\n    text-decoration: none;\r\n    transition: all 0.2s ease;\r\n}\r\n.px-tool-link:hover {\r\n    color: #ffffff;\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* Banner *\/\r\n.px-cta-banner {\r\n    background: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.15) 0%, rgba(255, 255, 255, 0) 80%), rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 28px;\r\n    padding: clamp(48px, 6vw, 72px) clamp(24px, 5vw, 64px);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.px-cta-title {\r\n    font-size: clamp(28px, 3.5vw, 44px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.02em;\r\n}\r\n.px-cta-desc {\r\n    font-size: clamp(15px, 1.2vw, 17px);\r\n    color: #94a3b8;\r\n    max-width: 600px;\r\n    margin: 0 auto 32px auto;\r\n    line-height: 1.6;\r\n}\r\n.px-btn-primary-tools {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #06b6d4;\r\n    color: #07090e !important;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    text-decoration: none !important;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 10px 24px -6px rgba(6, 182, 212, 0.4);\r\n}\r\n.px-btn-primary-tools:hover {\r\n    background: #0891b2;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 30px -6px rgba(6, 182, 212, 0.6);\r\n}\r\n.px-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #e2e8f0 !important;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    padding: 14px 24px;\r\n    border-radius: 12px;\r\n    text-decoration: none !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    transition: all 0.2s ease;\r\n}\r\n.px-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #ffffff !important;\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 01: HERO STAGE -->\r\n<section class=\"px-section px-hero\" id=\"hero\">\r\n    <div class=\"px-container\">\r\n\r\n        <div class=\"px-hero-header\">\r\n            <div class=\"px-eyebrow\">\r\n                <span class=\"px-status-dot-tools\"><\/span>\r\n                <span>PROTOS PERFORMANCE SUITE &amp; CALCULATORS<\/span>\r\n            <\/div>\r\n            <h1 class=\"px-hero-title\">\r\n                Precision Calculators &amp; Tools<br>\r\n                <span class=\"px-gradient-text-tools\">For High-Yield Marketing Decisions<\/span>\r\n            <\/h1>\r\n            <p class=\"px-hero-desc\">\r\n                Stop gambling media spend on intuition. Leverage break-even calculators, campaign forecasting engines, and unit margin simulators engineered by Protos technical media buyers.            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Metric Ribbon -->\r\n        <div class=\"px-metric-ribbon\">\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">12<span>+<\/span><\/div>\r\n                <div class=\"px-ribbon-desc\">Dedicated marketing &amp; commerce utilities<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">100%<\/div>\r\n                <div class=\"px-ribbon-desc\">100% free access, no credit card required<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">Real-Time<\/div>\r\n                <div class=\"px-ribbon-desc\">Real-time mathematical formula simulation<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">&lt; 0.1<span>S<\/span><\/div>\r\n                <div class=\"px-ribbon-desc\">Instant algorithmic calculation latency<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Interactive Calculator Widget -->\r\n        <div class=\"px-calc-stage\">\r\n            <div style=\"margin-bottom: 24px;\">\r\n                <span style=\"font-size: 11px; font-weight: 800; color: #06b6d4; text-transform: uppercase; letter-spacing: 0.1em;\">WIDGET TR\u1ef0C TI\u1ebeP<\/span>\r\n                <h3 style=\"font-size: 22px; font-weight: 800; color: #fff; margin: 6px 0 0 0;\">Instant Break-Even ROAS Calculator<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"px-calc-grid\">\r\n                <div>\r\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n                        <div class=\"px-input-group\">\r\n                            <label class=\"px-input-label\">Selling Price (VND)<\/label>\r\n                            <input type=\"number\" id=\"calc-price\" class=\"px-input-field\" value=\"500000\" step=\"10000\">\r\n                        <\/div>\r\n                        <div class=\"px-input-group\">\r\n                            <label class=\"px-input-label\">Cost of Goods COGS (VND)<\/label>\r\n                            <input type=\"number\" id=\"calc-cogs\" class=\"px-input-field\" value=\"180000\" step=\"5000\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n                        <div class=\"px-input-group\">\r\n                            <label class=\"px-input-label\">Shipping \/ Packaging (VND)<\/label>\r\n                            <input type=\"number\" id=\"calc-ship\" class=\"px-input-field\" value=\"30000\" step=\"1000\">\r\n                        <\/div>\r\n                        <div class=\"px-input-group\">\r\n                            <label class=\"px-input-label\">Platform \/ Payment Fee (%)<\/label>\r\n                            <input type=\"number\" id=\"calc-fee\" class=\"px-input-field\" value=\"8\" step=\"0.5\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"px-calc-result-box\">\r\n                    <div class=\"px-res-tag\">MINIMUM BREAK-EVEN ROAS<\/div>\r\n                    <div class=\"px-res-value\" id=\"calc-roas-result\">2.00x<\/div>\r\n                    <div class=\"px-res-desc\" id=\"calc-roas-desc\">\r\n                        Bi\u00ean l\u1ee3i nhu\u1eadn g\u1ed9p \u0111\u1ea1t <strong>50.0%<\/strong>. N\u1ebfu ROAS chi\u1ebfn d\u1ecbch l\u1edbn h\u01a1n <strong>2.00x<\/strong>, b\u1ea1n b\u1eaft \u0111\u1ea7u c\u00f3 l\u00e3i r\u00f2ng sau khi tr\u1eeb chi ph\u00ed qu\u1ea3ng c\u00e1o.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 02: TOOLS DIRECTORY -->\r\n<section class=\"px-section\" id=\"directory\">\r\n    <div class=\"px-container\">\r\n        <div style=\"text-align: center; max-width: 680px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span>UTILITY DIRECTORY<\/span>\r\n            <\/div>\r\n            <h2 style=\"font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; color: #fff; margin: 0 0 16px 0; letter-spacing: -0.02em;\">\r\n                Complete Performance Toolkit            <\/h2>\r\n            <p style=\"font-size: 15px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n                Select specialized utilities designed for media scaling.            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"px-tools-grid\">\r\n            <!-- Tool 1 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge featured\">HOT \/ T\u00cdNH TO\u00c1N<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"18\"\/><path d=\"M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M8 18h.01M12 18h.01\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">Deep ROAS &amp; Break-Even Simulator<\/h3>\r\n                    <p class=\"px-tool-desc\">Simulate gross margins, target ROAS thresholds, and allowable CPA ceilings to safeguard cash flow.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/tools\/roas-calculator\/\" class=\"px-tool-link\">\r\n                        <span>Launch Calculator<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tool 2 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge\">D\u1ef0 TO\u00c1N NG\u00c2N S\u00c1CH<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">Campaign Budget &amp; Lead Forecaster<\/h3>\r\n                    <p class=\"px-tool-desc\">Input monthly revenue or lead goals to generate recommended budget allocations across channels.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-tool-link\">\r\n                        <span>Request Setup<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tool 3 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge\">TRACKING URL<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">UTM Campaign URL Builder<\/h3>\r\n                    <p class=\"px-tool-desc\">Standardize UTM tracking parameters to ensure clean source attribution across Google Analytics 4.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-tool-link\">\r\n                        <span>View UTM Standards<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tool 4 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge\">CH\u1ea8N \u0110O\u00c1N ADS<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m4.93 4.93 4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M4.93 19.07l4.24-4.24\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">CPC &amp; CTR Benchmark Diagnostic<\/h3>\r\n                    <p class=\"px-tool-desc\">Compare your CTR, CPC, and CPM metrics against benchmark datasets covering 50+ Vietnamese industries.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-tool-link\">\r\n                        <span>Get Benchmark Report<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tool 5 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge\">TIKTOK SHOP<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">TikTok Shop Fee &amp; Net Profit Sim<\/h3>\r\n                    <p class=\"px-tool-desc\">Simulate exact net payouts after platform commissions, transaction fees, and creator affiliate payouts.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-tool-link\">\r\n                        <span>Fee Optimization Call<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tool 6 -->\r\n            <div class=\"px-tool-card\">\r\n                <div>\r\n                    <div class=\"px-tool-badge\">S\u00c1NG T\u1ea0O N\u1ed8I DUNG<\/div>\r\n                    <div class=\"px-tool-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"px-tool-title\">Ad Headline &amp; Hook Scorer<\/h3>\r\n                    <p class=\"px-tool-desc\">Analyze emotional trigger words, length constraints, and thumb-stopping power of your video hooks.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-tool-link\">\r\n                        <span>Test Scripting<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 03: CONVERSION CTA BANNER -->\r\n<section class=\"px-section\" style=\"padding-top: 20px;\">\r\n    <div class=\"px-container\">\r\n        <div class=\"px-cta-banner\">\r\n            <h2 class=\"px-cta-title\">Need Custom Proprietary Tools for Your Team?<\/h2>\r\n            <p class=\"px-cta-desc\">\r\n                Protos engineers custom automated dashboards, CRM reporting connectors, and proprietary bidding simulators tailored to your organization.            <\/p>\r\n            <div style=\"display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;\">\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-primary-tools\">\r\n                    <span>Consult Technical Team<\/span>\r\n                    <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n                <a href=\"tel:0868626509\" class=\"px-btn-secondary\">\r\n                    <span>Hotline: 0868 626 509<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Interactive Live Calculator JS Script -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const priceEl = document.getElementById('calc-price');\r\n    const cogsEl = document.getElementById('calc-cogs');\r\n    const shipEl = document.getElementById('calc-ship');\r\n    const feeEl = document.getElementById('calc-fee');\r\n    const resultEl = document.getElementById('calc-roas-result');\r\n    const descEl = document.getElementById('calc-roas-desc');\r\n\r\n    function calculateROAS() {\r\n        if (!priceEl || !cogsEl || !shipEl || !feeEl || !resultEl) return;\r\n        const price = parseFloat(priceEl.value) || 0;\r\n        const cogs = parseFloat(cogsEl.value) || 0;\r\n        const ship = parseFloat(shipEl.value) || 0;\r\n        const feePercent = parseFloat(feeEl.value) || 0;\r\n\r\n        if (price <= 0) {\r\n            resultEl.textContent = '0.00x';\r\n            return;\r\n        }\r\n\r\n        const feeAmount = price * (feePercent \/ 100);\r\n        const netContribution = price - cogs - ship - feeAmount;\r\n\r\n        if (netContribution <= 0) {\r\n            resultEl.textContent = 'L\u1ed6 G\u1ed0C';\r\n            resultEl.style.color = '#ef4444';\r\n            descEl.innerHTML = '<span style=\"color:#ef4444;\">Chi ph\u00ed s\u1ea3n ph\u1ea9m + v\u1eadn chuy\u1ec3n + ph\u00ed s\u00e0n \u0111ang l\u1edbn h\u01a1n gi\u00e1 b\u00e1n! Ch\u01b0a c\u00f3 bi\u00ean l\u1ee3i nhu\u1eadn cho qu\u1ea3ng c\u00e1o.<\/span>';\r\n            return;\r\n        }\r\n\r\n        resultEl.style.color = '#22d3ee';\r\n        const grossMarginPercent = (netContribution \/ price) * 100;\r\n        const breakEvenROAS = price \/ netContribution;\r\n\r\n        resultEl.textContent = breakEvenROAS.toFixed(2) + 'x';\r\n        descEl.innerHTML = 'Bi\u00ean l\u1ee3i nhu\u1eadn g\u1ed9p \u0111\u1ea1t <strong>' + grossMarginPercent.toFixed(1) + '%<\/strong>. N\u1ebfu ROAS chi\u1ebfn d\u1ecbch l\u1edbn h\u01a1n <strong>' + breakEvenROAS.toFixed(2) + 'x<\/strong>, b\u1ea1n b\u1eaft \u0111\u1ea7u c\u00f3 l\u00e3i r\u00f2ng sau khi tr\u1eeb chi ph\u00ed qu\u1ea3ng c\u00e1o.';\r\n    }\r\n\r\n    [priceEl, cogsEl, shipEl, feeEl].forEach(input => {\r\n        if (input) {\r\n            input.addEventListener('input', calculateROAS);\r\n        }\r\n    });\r\n\r\n    calculateROAS();\r\n});\r\n<\/script>\r\n<\/div>\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"protos-full-width.php","meta":{"footnotes":""},"class_list":["post-122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":3,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/122\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}