{"id":38,"date":"2026-07-26T17:49:49","date_gmt":"2026-07-26T17:49:49","guid":{"rendered":"https:\/\/protos.vn\/?page_id=38"},"modified":"2026-09-30T15:38:06","modified_gmt":"2026-09-30T15:38:06","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"home\" data-module=\"home\" data-route=\"\/\">\r\n        <div id=\"protos-main\" tabindex=\"-1\">\r\n            \n<!-- PROTOS EXECUTIVE HOME STYLES -->\n<style id=\"protos-home-executive-css\">\n\/* Reset & Single Scrollbar *\/\nhtml {\n    overflow-x: hidden !important;\n    overflow-y: scroll !important;\n    scrollbar-gutter: stable;\n}\nbody.protos-content-page,\nbody.protos-content-page #wrapper,\nbody.protos-content-page #main,\n.protos-full-page,\n#protos-app.protos-site,\n#protos-main {\n    background-color: #ffffff !important;\n    color: #0f172a !important;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Hide theme duplicate chrome *\/\nbody.protos-content-page #header:not(.v-header):not(.p-header),\nbody.protos-content-page header#header:not(.v-header):not(.p-header),\nbody.protos-content-page .header-wrapper:not(:has(.v-header)),\nbody.protos-content-page #masthead,\nbody.protos-content-page .absolute-footer {\n    display: none !important;\n    height: 0 !important;\n    visibility: hidden !important;\n}\n\n#protos-app.protos-site *,\n#protos-app.protos-site *::before,\n#protos-app.protos-site *::after {\n    box-sizing: border-box;\n}\n\n\/* Container *\/\n.px-container {\n    width: 100%;\n    max-width: 1240px;\n    margin-inline: auto;\n    padding-inline: clamp(16px, 3.5vw, 32px);\n    position: relative;\n    z-index: 2;\n}\n\n\/* Section Architecture *\/\n.px-section {\n    padding: clamp(60px, 7vw, 100px) 0;\n    position: relative;\n    border-top: 1px solid #e2e8f0;\n    background-color: #ffffff;\n    width: 100%;\n}\n.px-section.px-bg-soft {\n    background-color: #f8fafc;\n}\n\n\/* Section Header Typography *\/\n.px-sec-head {\n    text-align: center;\n    max-width: 840px;\n    margin: 0 auto clamp(40px, 5vw, 64px) auto;\n}\n.px-sec-head.align-left {\n    text-align: left;\n    margin-inline: 0;\n}\n.px-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #eff6ff;\n    border: 1px solid #bfdbfe;\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #0073fc;\n    margin-bottom: 16px;\n}\n.px-eyebrow-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #0073fc;\n    box-shadow: 0 0 8px rgba(0, 115, 252, 0.6);\n    display: inline-block;\n}\n.px-title {\n    font-size: clamp(28px, 3.8vw, 44px);\n    font-weight: 800;\n    line-height: 1.25;\n    letter-spacing: -0.025em;\n    color: #01234e;\n    margin: 0 0 16px 0;\n}\n.px-title .px-gradient-text {\n    background: linear-gradient(135deg, #0073fc 0%, #0284c7 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.px-desc {\n    font-size: clamp(15px, 1.6vw, 17px);\n    line-height: 1.65;\n    color: #475569;\n    margin: 0;\n}\n\n\/* General Buttons *\/\n.px-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-size: 14.5px;\n    font-weight: 700;\n    padding: 13px 26px;\n    border-radius: 12px;\n    text-decoration: none;\n    transition: all 0.22s ease;\n    cursor: pointer;\n    line-height: 1;\n}\n.px-btn-primary {\n    background: #0073fc;\n    color: #ffffff !important;\n    border: 1px solid #0073fc;\n    box-shadow: 0 4px 16px -2px rgba(0, 115, 252, 0.35);\n}\n.px-btn-primary:hover {\n    background: #005ecf;\n    border-color: #005ecf;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px -3px rgba(0, 115, 252, 0.45);\n}\n.px-btn-secondary {\n    background: #ffffff;\n    color: #01234e !important;\n    border: 1px solid #cbd5e1;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n}\n.px-btn-secondary:hover {\n    background: #f8fafc;\n    border-color: #94a3b8;\n    color: #0073fc !important;\n    transform: translateY(-2px);\n}\n.px-btn-white {\n    background: #ffffff;\n    color: #01234e !important;\n    border: 1px solid #ffffff;\n    font-weight: 700;\n}\n.px-btn-white:hover {\n    background: #f1f5f9;\n    transform: translateY(-2px);\n}\n\n\/* ==============================================================================\n   1. HERO SECTION: EXECUTIVE COMMAND CENTER\n   ============================================================================== *\/\n.px-hero-section {\n    padding: clamp(48px, 6vw, 84px) 0 clamp(60px, 8vw, 100px) 0;\n    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 85%);\n    position: relative;\n    border-top: none;\n    overflow: hidden;\n}\n.px-hero-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: clamp(32px, 5vw, 64px);\n    align-items: center;\n}\n.px-hero-content {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n.px-hero-headline {\n    font-size: clamp(32px, 4.4vw, 54px);\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: -0.03em;\n    color: #01234e;\n    margin: 0;\n}\n.px-hero-subtitle {\n    font-size: clamp(16px, 1.8vw, 18px);\n    line-height: 1.65;\n    color: #334155;\n    margin: 0;\n}\n.px-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    align-items: center;\n    margin-top: 10px;\n}\n.px-hero-trust-row {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px 18px;\n    margin-top: 16px;\n    padding-top: 24px;\n    border-top: 1px solid #e2e8f0;\n}\n.px-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: #475569;\n}\n.px-trust-icon {\n    width: 22px;\n    height: 22px;\n    border-radius: 6px;\n    background: #eff6ff;\n    color: #0073fc;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n}\n\n\/* Hero Right: Executive Visual Command Panel *\/\n.px-hero-visual {\n    position: relative;\n}\n.px-command-panel {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    box-shadow: 0 16px 48px -8px rgba(1, 35, 78, 0.12);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n.px-panel-topbar {\n    background: #f8fafc;\n    border-bottom: 1px solid #e2e8f0;\n    padding: 12px 18px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: #01234e;\n}\n.px-panel-status {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: #059669;\n    font-weight: 600;\n}\n.px-panel-status-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #10b981;\n    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);\n}\n.px-panel-body {\n    padding: 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n.px-pillar-metric-card {\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    padding: 16px;\n    background: #ffffff;\n    transition: all 0.2s ease;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n}\n.px-pillar-metric-card:hover {\n    border-color: #bfdbfe;\n    background: #f8fafc;\n    box-shadow: 0 4px 16px -2px rgba(1, 35, 78, 0.05);\n}\n.px-pmc-left {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n.px-pmc-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n}\n.px-pmc-icon.ads { background: #eff6ff; color: #0073fc; }\n.px-pmc-icon.ecom { background: #fff7ed; color: #ea580c; }\n.px-pmc-icon.web { background: #ecfdf5; color: #059669; }\n.px-pmc-icon.ai { background: #f5f3ff; color: #7c3aed; }\n\n.px-pmc-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    color: #01234e;\n    margin: 0 0 2px 0;\n}\n.px-pmc-sub {\n    font-size: 12px;\n    color: #64748b;\n    margin: 0;\n}\n.px-pmc-right {\n    text-align: right;\n}\n.px-pmc-val {\n    font-size: 15px;\n    font-weight: 800;\n    color: #01234e;\n}\n.px-pmc-badge {\n    display: inline-block;\n    font-size: 10.5px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    margin-top: 2px;\n}\n.px-pmc-badge.green { background: #dcfce7; color: #166534; }\n.px-pmc-badge.blue { background: #e0f2fe; color: #0369a1; }\n.px-pmc-badge.purple { background: #f3e8ff; color: #6b21a8; }\n\n\/* ==============================================================================\n   2. 4 STRATEGIC PILLARS GRID (CORE SERVICES)\n   ============================================================================== *\/\n.px-pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 28px;\n}\n.px-pillar-box {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    padding: clamp(28px, 4vw, 36px);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 4px 20px -2px rgba(1, 35, 78, 0.04);\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    position: relative;\n    overflow: hidden;\n}\n.px-pillar-box:hover {\n    transform: translateY(-4px);\n    border-color: #bfdbfe;\n    box-shadow: 0 16px 36px -4px rgba(1, 35, 78, 0.08);\n}\n.px-pillar-box::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #0073fc, #0284c7);\n    opacity: 0;\n    transition: opacity 0.25s ease;\n}\n.px-pillar-box:hover::before {\n    opacity: 1;\n}\n.px-pillar-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 20px;\n}\n.px-pillar-icon-wrap {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    display: grid;\n    place-items: center;\n    background: #eff6ff;\n    color: #0073fc;\n}\n.px-pillar-tag {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    padding: 5px 10px;\n    border-radius: 6px;\n    background: #f1f5f9;\n    color: #475569;\n}\n.px-pillar-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #01234e;\n    margin: 0 0 10px 0;\n    line-height: 1.3;\n}\n.px-pillar-desc {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: #475569;\n    margin: 0 0 20px 0;\n}\n.px-pillar-features {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 24px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 1px dashed #e2e8f0;\n    padding-top: 18px;\n}\n.px-pillar-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13.5px;\n    color: #334155;\n    line-height: 1.45;\n}\n.px-pfi-icon {\n    color: #0073fc;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n.px-pillar-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 16px;\n    border-top: 1px solid #f1f5f9;\n}\n.px-pillar-link {\n    font-size: 14px;\n    font-weight: 700;\n    color: #0073fc;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n.px-pillar-link:hover {\n    color: #005ecf;\n    text-decoration: underline;\n}\n\n\/* ==============================================================================\n   3. TRACK RECORD & METRICS (PROVEN RESULTS)\n   ============================================================================== *\/\n.px-metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}\n.px-metric-box {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 18px;\n    padding: 28px 24px;\n    text-align: center;\n    box-shadow: 0 4px 16px -2px rgba(1, 35, 78, 0.04);\n}\n.px-metric-number {\n    font-size: clamp(34px, 4vw, 48px);\n    font-weight: 900;\n    line-height: 1;\n    color: #01234e;\n    margin: 0 0 10px 0;\n    letter-spacing: -0.03em;\n}\n.px-metric-number.accent {\n    color: #0073fc;\n}\n.px-metric-label {\n    font-size: 13.5px;\n    font-weight: 600;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.4;\n}\n\n\/* Industry pills rail *\/\n.px-industry-strip {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    padding: 20px 28px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n.px-industry-lead {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #01234e;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n.px-industry-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n.px-ind-pill {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #334155;\n}\n\n\/* ==============================================================================\n   4. WORKING FRAMEWORK: 4 STEPS\n   ============================================================================== *\/\n.px-process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    position: relative;\n}\n.px-process-card {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 18px;\n    padding: 28px 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    box-shadow: 0 4px 16px -2px rgba(1, 35, 78, 0.03);\n    position: relative;\n}\n.px-step-badge {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    background: #eff6ff;\n    color: #0073fc;\n    font-size: 14px;\n    font-weight: 800;\n    display: grid;\n    place-items: center;\n    border: 1px solid #bfdbfe;\n}\n.px-step-title {\n    font-size: 17px;\n    font-weight: 800;\n    color: #01234e;\n    margin: 0;\n    line-height: 1.35;\n}\n.px-step-desc {\n    font-size: 13.5px;\n    color: #475569;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* ==============================================================================\n   5. CASE STUDIES SHOWCASE\n   ============================================================================== *\/\n.px-cases-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n}\n.px-case-card {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 18px;\n    overflow: hidden;\n    text-decoration: none;\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 4px 16px -2px rgba(1, 35, 78, 0.04);\n    transition: all 0.24s ease;\n}\n.px-case-card:hover {\n    transform: translateY(-4px);\n    border-color: #bfdbfe;\n    box-shadow: 0 16px 36px -4px rgba(1, 35, 78, 0.09);\n}\n.px-case-thumb {\n    width: 100%;\n    aspect-ratio: 16\/10;\n    background: #01234e;\n    position: relative;\n    overflow: hidden;\n}\n.px-case-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n}\n.px-case-card:hover .px-case-thumb img {\n    transform: scale(1.04);\n}\n.px-case-badge {\n    position: absolute;\n    top: 14px;\n    left: 14px;\n    background: rgba(1, 35, 78, 0.85);\n    backdrop-filter: blur(8px);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    padding: 5px 10px;\n    border-radius: 6px;\n}\n.px-case-body {\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n    gap: 14px;\n}\n.px-case-industry {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #0073fc;\n    letter-spacing: 0.05em;\n}\n.px-case-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: #01234e;\n    margin: 0;\n    line-height: 1.35;\n}\n.px-case-desc {\n    font-size: 13.5px;\n    color: #475569;\n    line-height: 1.55;\n    margin: 0;\n}\n.px-case-metric-box {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 10px 14px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.px-cm-label { font-size: 12px; color: #64748b; font-weight: 600; }\n.px-cm-val { font-size: 15px; color: #059669; font-weight: 800; }\n\n\/* ==============================================================================\n   6. WHY CHOOSE PROTOS COMPARISON MATRIX\n   ============================================================================== *\/\n.px-compare-table-wrap {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 8px 30px -4px rgba(1, 35, 78, 0.06);\n}\n.px-compare-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: left;\n}\n.px-compare-table th,\n.px-compare-table td {\n    padding: 20px 24px;\n    border-bottom: 1px solid #e2e8f0;\n    font-size: 14.5px;\n}\n.px-compare-table th {\n    background: #f8fafc;\n    font-weight: 800;\n    color: #01234e;\n    font-size: 15px;\n}\n.px-compare-table th.protos-col {\n    background: #eff6ff;\n    color: #0073fc;\n    font-size: 16px;\n    border-top: 3px solid #0073fc;\n}\n.px-compare-table td.protos-col {\n    background: #f0f7ff30;\n    font-weight: 600;\n    color: #01234e;\n}\n.px-check-icon {\n    color: #059669;\n    font-weight: 800;\n    margin-right: 8px;\n}\n.px-cross-icon {\n    color: #dc2626;\n    font-weight: 800;\n    margin-right: 8px;\n}\n\n\/* ==============================================================================\n   7. ACADEMY & TOOLS ECOSYSTEM\n   ============================================================================== *\/\n.px-eco-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px;\n}\n.px-eco-card {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    padding: clamp(32px, 4vw, 42px);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 4px 20px -2px rgba(1, 35, 78, 0.04);\n}\n.px-eco-head {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n.px-eco-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    background: #eff6ff;\n    color: #0073fc;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n}\n.px-eco-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #01234e;\n    margin: 0;\n}\n.px-eco-desc {\n    font-size: 15px;\n    line-height: 1.65;\n    color: #475569;\n    margin: 0 0 24px 0;\n}\n.px-eco-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 24px;\n}\n.px-eco-chip {\n    background: #f1f5f9;\n    padding: 6px 12px;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #334155;\n}\n\n\/* ==============================================================================\n   8. GRAND FINAL CTA\n   ============================================================================== *\/\n.px-final-cta-wrap {\n    background: linear-gradient(135deg, #01234e 0%, #001738 100%);\n    border-radius: 28px;\n    padding: clamp(48px, 6vw, 84px) clamp(24px, 5vw, 64px);\n    text-align: center;\n    color: #ffffff;\n    box-shadow: 0 20px 60px -10px rgba(1, 35, 78, 0.35);\n    position: relative;\n    overflow: hidden;\n}\n.px-final-cta-wrap::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: 20%;\n    width: 60%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(0, 115, 252, 0.25) 0%, transparent 60%);\n    pointer-events: none;\n}\n.px-final-eyebrow {\n    display: inline-block;\n    background: rgba(255, 255, 255, 0.12);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 6px 16px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: #93c5fd;\n    margin-bottom: 20px;\n}\n.px-final-title {\n    font-size: clamp(30px, 4vw, 50px);\n    font-weight: 900;\n    line-height: 1.2;\n    margin: 0 0 18px 0;\n    letter-spacing: -0.025em;\n    color: #ffffff;\n}\n.px-final-desc {\n    font-size: clamp(15px, 1.8vw, 18px);\n    line-height: 1.65;\n    color: #cbd5e1;\n    max-width: 720px;\n    margin: 0 auto 36px auto;\n}\n.px-final-actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 32px;\n}\n.px-final-contact-bar {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    font-size: 14px;\n    color: #94a3b8;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    padding-top: 24px;\n}\n.px-fcb-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #ffffff;\n    font-weight: 600;\n}\n.px-fcb-item a {\n    color: #93c5fd;\n    text-decoration: none;\n}\n.px-fcb-item a:hover {\n    text-decoration: underline;\n}\n\n\/* ==============================================================================\n   RESPONSIVE DESIGN\n   ============================================================================== *\/\n@media (max-width: 1024px) {\n    .px-hero-grid { grid-template-columns: 1fr; }\n    .px-pillars-grid { grid-template-columns: 1fr; }\n    .px-metrics-grid { grid-template-columns: repeat(2, 1fr); }\n    .px-process-grid { grid-template-columns: repeat(2, 1fr); }\n    .px-cases-grid { grid-template-columns: 1fr; }\n    .px-eco-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 640px) {\n    .px-hero-trust-row { grid-template-columns: 1fr; }\n    .px-metrics-grid { grid-template-columns: 1fr; }\n    .px-process-grid { grid-template-columns: 1fr; }\n    .px-industry-strip { flex-direction: column; align-items: flex-start; }\n    .px-final-actions { flex-direction: column; width: 100%; }\n    .px-final-actions .px-btn { width: 100%; }\n}\n<\/style>\n\n<!-- 1. HERO SECTION: EXECUTIVE GROWTH AGENCY -->\n<section class=\"px-hero-section\" id=\"hero\">\n    <div class=\"px-container\">\n        <div class=\"px-hero-grid\">\n            \n            <!-- Left: Strategic Value Proposition -->\n            <div class=\"px-hero-content\">\n                <div class=\"px-eyebrow\">\n                    <span class=\"px-eyebrow-dot\"><\/span>\n                    <span>PROTOS GROWTH AGENCY \u2022 FULL-STACK DIGITAL PARTNER<\/span>\n                <\/div>\n\n                <h1 class=\"px-hero-headline\">\n                                            Predictable Revenue Architecture For <span class=\"px-gradient-text\">Modern Enterprises.<\/span>\n                                    <\/h1>\n\n                <p class=\"px-hero-subtitle\">\n                    Zero fragmented tactics. PROTOS partners with scaling enterprises across Multi-Channel Performance Marketing, E-Commerce Store Ops, High-Conversion Web Architecture, and AI-Driven Automation.                <\/p>\n\n                <div class=\"px-hero-actions\">\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn px-btn-primary\">\n                        <span>Schedule Strategy Audit \u2197<\/span>\n                    <\/a>\n                    <a href=\"#services\" class=\"px-btn px-btn-secondary\">\n                        <span>Explore 4 Core Pillars \u2193<\/span>\n                    <\/a>\n                <\/div>\n\n                <div class=\"px-hero-trust-row\">\n                    <div class=\"px-trust-item\">\n                        <span class=\"px-trust-icon\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n                        <span>Committed Revenue &amp; KPI Accountability<\/span>\n                    <\/div>\n                    <div class=\"px-trust-item\">\n                        <span class=\"px-trust-icon\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n                        <span>Real-Time Telemetry &amp; Transparency<\/span>\n                    <\/div>\n                    <div class=\"px-trust-item\">\n                        <span class=\"px-trust-icon\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n                        <span>100% Seasoned In-House Specialists<\/span>\n                    <\/div>\n                    <div class=\"px-trust-item\">\n                        <span class=\"px-trust-icon\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n                        <span>Priority Support 24\/7 (SLA &lt; 2h)<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Right: Executive Growth Command Panel -->\n            <div class=\"px-hero-visual\">\n                <div class=\"px-command-panel\">\n                    <div class=\"px-panel-topbar\">\n                        <span>PROTOS TELEMETRY ENGINE<\/span>\n                        <div class=\"px-panel-status\">\n                            <span class=\"px-panel-status-dot\"><\/span>\n                            <span>Active Scaling Mode<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"px-panel-body\">\n                        <!-- Pillar 1 -->\n                        <div class=\"px-pillar-metric-card\">\n                            <div class=\"px-pmc-left\">\n                                <div class=\"px-pmc-icon ads\">\n                                    <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"px-pmc-title\">Performance Marketing<\/h4>\n                                    <p class=\"px-pmc-sub\">Meta, Google, TikTok Ads<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"px-pmc-right\">\n                                <div class=\"px-pmc-val\">ROAS 8.5x<\/div>\n                                <span class=\"px-pmc-badge green\">CPA -38%<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Pillar 2 -->\n                        <div class=\"px-pillar-metric-card\">\n                            <div class=\"px-pmc-left\">\n                                <div class=\"px-pmc-icon ecom\">\n                                    <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"px-pmc-title\">E-Commerce Store Operations<\/h4>\n                                    <p class=\"px-pmc-sub\">Shopee & TikTok Shop<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"px-pmc-right\">\n                                <div class=\"px-pmc-val\">+280% GMV<\/div>\n                                <span class=\"px-pmc-badge green\">Top 1 Category<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Pillar 3 -->\n                        <div class=\"px-pillar-metric-card\">\n                            <div class=\"px-pmc-left\">\n                                <div class=\"px-pmc-icon web\">\n                                    <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"px-pmc-title\">Digital Architecture &amp; Web<\/h4>\n                                    <p class=\"px-pmc-sub\">Bespoke UI\/UX & E-Commerce<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"px-pmc-right\">\n                                <div class=\"px-pmc-val\">&lt; 0.6s FCP<\/div>\n                                <span class=\"px-pmc-badge blue\">PageSpeed 100<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Pillar 4 -->\n                        <div class=\"px-pillar-metric-card\">\n                            <div class=\"px-pmc-left\">\n                                <div class=\"px-pmc-icon ai\">\n                                    <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"px-pmc-title\">AI Automation &amp; Academy<\/h4>\n                                    <p class=\"px-pmc-sub\">Lead CRM, Tools & Coaching<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"px-pmc-right\">\n                                <div class=\"px-pmc-val\">24\/7 CRM<\/div>\n                                <span class=\"px-pmc-badge purple\">1-on-1 Mentoring<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- 2. 4 CORE GROWTH PILLARS (AGENCY ECOSYSTEM) -->\n<section class=\"px-section\" id=\"services\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>CORE STRATEGIC SERVICES<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                4 Integrated Pillars For Scalable Business Growth            <\/h2>\n            <p class=\"px-desc\">\n                We do not operate in silos. PROTOS unifies paid acquisition, high-converting digital platforms, omnichannel commerce, and automated systems.            <\/p>\n        <\/div>\n\n        <div class=\"px-pillars-grid\">\n            \n            <!-- Pillar 1: Performance Marketing -->\n            <div class=\"px-pillar-box\">\n                <div>\n                    <div class=\"px-pillar-header\">\n                        <div class=\"px-pillar-icon-wrap\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                        <\/div>\n                        <span class=\"px-pillar-tag\">PERFORMANCE ADS<\/span>\n                    <\/div>\n                    <h3 class=\"px-pillar-title\">Omnichannel Performance Marketing<\/h3>\n                    <p class=\"px-pillar-desc\">\n                        Data-driven Meta, Google, and TikTok ad campaigns focused on verified conversions, CPA reduction, and sustainable ROAS multipliers.                    <\/p>\n                    <ul class=\"px-pillar-features\">\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>C\u00e0i \u0111\u1eb7t Conversion API & \u0110o l\u01b0\u1eddng \u0111a k\u00eanh:<\/strong> Thu th\u1eadp d\u1eef li\u1ec7u chu\u1ea9n x\u00e1c 100%.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>S\u00e1ng t\u1ea1o h\u00ecnh \u1ea3nh & k\u1ecbch b\u1ea3n video:<\/strong> S\u1ea3n xu\u1ea5t n\u1ed9i dung k\u00edch th\u00edch mua h\u00e0ng.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>Ph\u1ec5u Retargeting th\u00f4ng minh:<\/strong> T\u00e1i ti\u1ebfp c\u1eadn \u0111\u00fang kh\u00e1ch ti\u1ec1m n\u0103ng v\u1edbi chi ph\u00ed t\u1ed1i \u01b0u.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"px-pillar-footer\">\n                    <a href=\"https:\/\/protos.vn\/en\/dich-vu\/marketing-tong-the\/\" class=\"px-pillar-link\">\n                        <span>Explore Ads Solutions &rarr;<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Pillar 2: Digital Architecture & Web -->\n            <div class=\"px-pillar-box\">\n                <div>\n                    <div class=\"px-pillar-header\">\n                        <div class=\"px-pillar-icon-wrap\" style=\"background: #ecfdf5; color: #059669;\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"px-pillar-tag\">WEB ARCHITECTURE<\/span>\n                    <\/div>\n                    <h3 class=\"px-pillar-title\">Bespoke Web &amp; Digital Architecture<\/h3>\n                    <p class=\"px-pillar-desc\">\n                        Tailored digital flagships engineered from custom Figma design systems. Sub-0.8s loading latency, pristine technical SEO, and high-converting UX.                    <\/p>\n                    <ul class=\"px-pillar-features\">\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>Thi\u1ebft k\u1ebf UI\/UX \u0111\u1ed9c quy\u1ec1n:<\/strong> Kh\u00f4ng d\u00f9ng m\u1eabu gi\u00e1 r\u1ebb, n\u00e2ng t\u1ea7m uy t\u00edn doanh nghi\u1ec7p.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>T\u1ed1i \u01b0u Google PageSpeed 95 - 100:<\/strong> T\u0103ng t\u1ef7 l\u1ec7 gi\u1eef ch\u00e2n kh\u00e1ch v\u00e0 \u0111i\u1ec3m ch\u1ea5t l\u01b0\u1ee3ng ads.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>H\u1ec7 th\u1ed1ng E-Commerce ho\u00e0n ch\u1ec9nh:<\/strong> Gi\u1ecf h\u00e0ng tr\u01b0\u1ee3t, c\u1ed5ng thanh to\u00e1n v\u00e0 qu\u1ea3n l\u00fd \u0111\u01a1n.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"px-pillar-footer\">\n                    <a href=\"https:\/\/protos.vn\/en\/dich-vu\/thiet-ke-website\/\" class=\"px-pillar-link\">\n                        <span>Explore Web Solutions &rarr;<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Pillar 3: E-Commerce Store & Fanpage Ops -->\n            <div class=\"px-pillar-box\">\n                <div>\n                    <div class=\"px-pillar-header\">\n                        <div class=\"px-pillar-icon-wrap\" style=\"background: #fff7ed; color: #ea580c;\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n                        <\/div>\n                        <span class=\"px-pillar-tag\">STORE OPERATIONS<\/span>\n                    <\/div>\n                    <h3 class=\"px-pillar-title\">E-Commerce Store &amp; Fanpage Ops<\/h3>\n                    <p class=\"px-pillar-desc\">\n                        End-to-end management for Shopee &amp; TikTok Shop. SEO catalog setup, livestream scheduling, social content calendar, and organic community seeding.                    <\/p>\n                    <ul class=\"px-pillar-features\">\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>T\u1ed1i \u01b0u gian h\u00e0ng chu\u1ea9n SEO:<\/strong> Th\u00fac \u0111\u1ea9y l\u01b0u l\u01b0\u1ee3ng truy c\u1eadp t\u1ef1 nhi\u00ean tr\u00ean s\u00e0n.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>Qu\u1ea3n tr\u1ecb & Ch\u0103m s\u00f3c Fanpage 24\/7:<\/strong> Duy tr\u00ec t\u01b0\u01a1ng t\u00e1c v\u00e0 x\u00e2y d\u1ef1ng t\u1ec7p kh\u00e1ch trung th\u00e0nh.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>M\u1ea1ng l\u01b0\u1edbi Viral Seeding & KOC:<\/strong> X\u00e2y d\u1ef1ng ni\u1ec1m tin th\u01b0\u01a1ng hi\u1ec7u t\u1ef1 nhi\u00ean.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"px-pillar-footer\">\n                    <a href=\"https:\/\/protos.vn\/en\/dich-vu\/van-hanh-shop\/\" class=\"px-pillar-link\">\n                        <span>Explore Store Ops &rarr;<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Pillar 4: Automation & Academy -->\n            <div class=\"px-pillar-box\">\n                <div>\n                    <div class=\"px-pillar-header\">\n                        <div class=\"px-pillar-icon-wrap\" style=\"background: #f5f3ff; color: #7c3aed;\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n                        <\/div>\n                        <span class=\"px-pillar-tag\">AI &amp; ACADEMY<\/span>\n                    <\/div>\n                    <h3 class=\"px-pillar-title\">AI Automation &amp; Real-World Academy<\/h3>\n                    <p class=\"px-pillar-desc\">\n                        Deploying 24\/7 automated lead nurturing workflows, CRM synchronization, and ROAS calculators. Delivering 1-on-1 coaching and enterprise team mentoring.                    <\/p>\n                    <ul class=\"px-pillar-features\">\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>T\u1ef1 \u0111\u1ed9ng h\u00f3a ch\u0103m s\u00f3c Lead:<\/strong> R\u00fat ng\u1eafn th\u1eddi gian ph\u1ea3n h\u1ed3i, t\u0103ng t\u1ef7 l\u1ec7 ch\u1ed1t sale.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>Kho c\u00f4ng c\u1ee5 s\u1ed1 \u0111\u1ed9c quy\u1ec1n:<\/strong> H\u1ed7 tr\u1ee3 marketer t\u00ednh to\u00e1n ng\u00e2n s\u00e1ch & \u0111o l\u01b0\u1eddng.<\/span>\n                        <\/li>\n                        <li class=\"px-pillar-feature-item\">\n                            <span class=\"px-pfi-icon\">\u2713<\/span>\n                            <span><strong>\u0110\u00e0o t\u1ea1o th\u1ef1c chi\u1ebfn 1:1 & Doanh nghi\u1ec7p:<\/strong> Chuy\u1ec3n giao quy tr\u00ecnh v\u00e0 ph\u01b0\u01a1ng ph\u00e1p lu\u1eadn.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"px-pillar-footer\">\n                    <a href=\"https:\/\/protos.vn\/en\/dao-tao\/\" class=\"px-pillar-link\">\n                        <span>Explore Academy &amp; Tools &rarr;<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 3. PROVEN RESULTS & TRACK RECORD (CREDIBILITY) -->\n<section class=\"px-section px-bg-soft\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>PROVEN TRACK RECORD<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                Empirical Results That Speak For Themselves            <\/h2>\n            <p class=\"px-desc\">\n                Our reputation is built upon real bottom-line revenue delivered to enterprise partners, not hollow vanity metrics.            <\/p>\n        <\/div>\n\n        <div class=\"px-metrics-grid\">\n            <div class=\"px-metric-box\">\n                <div class=\"px-metric-number\">150+<\/div>\n                <p class=\"px-metric-label\">Brands &amp; Enterprise Partners Scaled<\/p>\n            <\/div>\n            <div class=\"px-metric-box\">\n                <div class=\"px-metric-number accent\">8.5x<\/div>\n                <p class=\"px-metric-label\">Average Performance Ads ROAS Achieved<\/p>\n            <\/div>\n            <div class=\"px-metric-box\">\n                <div class=\"px-metric-number\">50+ T\u1ef7<\/div>\n                <p class=\"px-metric-label\">Total Net Client Revenue Generated (VND)<\/p>\n            <\/div>\n            <div class=\"px-metric-box\">\n                <div class=\"px-metric-number accent\">98.8%<\/div>\n                <p class=\"px-metric-label\">Client Retention &amp; Long-Term Loyalty Rate<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"px-industry-strip\">\n            <span class=\"px-industry-lead\">Industries Served:<\/span>\n            <div class=\"px-industry-pills\">\n                <span class=\"px-ind-pill\">Fashion &amp; Retail<\/span>\n                <span class=\"px-ind-pill\">Beauty &amp; Healthcare<\/span>\n                <span class=\"px-ind-pill\">Real Estate &amp; Luxury<\/span>\n                <span class=\"px-ind-pill\">EdTech &amp; Academies<\/span>\n                <span class=\"px-ind-pill\">B2B &amp; Enterprise Services<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 4. 4-STEP WORKING FRAMEWORK -->\n<section class=\"px-section\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>THE PROTOS WORKING FRAMEWORK<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                Our Standardized 4-Step Engagement Process            <\/h2>\n            <p class=\"px-desc\">\n                Every action is backed by rigorous methodology, ensuring full transparency over your investments and progress.            <\/p>\n        <\/div>\n\n        <div class=\"px-process-grid\">\n            \n            <div class=\"px-process-card\">\n                <div class=\"px-step-badge\">01<\/div>\n                <h3 class=\"px-step-title\">Audit &amp; Deep Discovery<\/h3>\n                <p class=\"px-step-desc\">\n                    In-depth diagnosis of your unit economics, ad history, conversion bottlenecks, and competitive market positioning.                <\/p>\n            <\/div>\n\n            <div class=\"px-process-card\">\n                <div class=\"px-step-badge\">02<\/div>\n                <h3 class=\"px-step-title\">Strategy &amp; Growth Blueprint<\/h3>\n                <p class=\"px-step-desc\">\n                    Engineering custom budget allocation, committed KPIs, creative concepts, and unified architectural roadmaps.                <\/p>\n            <\/div>\n\n            <div class=\"px-process-card\">\n                <div class=\"px-step-badge\">03<\/div>\n                <h3 class=\"px-step-title\">Execution &amp; A\/B Optimization<\/h3>\n                <p class=\"px-step-desc\">\n                    Full-funnel rollout, multi-variant testing, ongoing creative iterations, and dynamic budget scaling toward peak ROAS.                <\/p>\n            <\/div>\n\n            <div class=\"px-process-card\">\n                <div class=\"px-step-badge\">04<\/div>\n                <h3 class=\"px-step-title\">Transparent Telemetry &amp; Scaling<\/h3>\n                <p class=\"px-step-desc\">\n                    Live Looker Studio dashboard tracking, scheduled executive review syncs, and comprehensive knowledge transfer.                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 5. CASE STUDIES SHOWCASE -->\n<section class=\"px-section px-bg-soft\" id=\"case-studies\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>CASE STUDIES SHOWCASE<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                Proven Growth Stories Across Diverse Sectors            <\/h2>\n            <p class=\"px-desc\">\n                Each enterprise case reflects strategic clarity combined with hands-on, high-velocity execution.            <\/p>\n        <\/div>\n\n        <div class=\"px-cases-grid\">\n            \n            <!-- Case 1: Retail & D2C -->\n            <a href=\"https:\/\/protos.vn\/en\/ve-protos\/case-study\/\" class=\"px-case-card\">\n                <div class=\"px-case-thumb\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=800&q=80\" alt=\"E-Commerce Fashion Scaling\" loading=\"lazy\">\n                    <span class=\"px-case-badge\">RETAIL &amp; D2C<\/span>\n                <\/div>\n                <div class=\"px-case-body\">\n                    <div>\n                        <div class=\"px-case-industry\">Performance Ads &amp; Store Ops<\/div>\n                        <h3 class=\"px-case-title\">Th\u01b0\u01a1ng Hi\u1ec7u Th\u1eddi Trang Nam Thi\u1ebft K\u1ebf Cao C\u1ea5p<\/h3>\n                        <p class=\"px-case-desc\">Restructured Meta ad funnels, built top-ranked Shopee store, and deployed frictionless checkout.<\/p>\n                    <\/div>\n                    <div class=\"px-case-metric-box\">\n                        <span class=\"px-cm-label\">Revenue Scaling:<\/span>\n                        <span class=\"px-cm-val\">+240% (ROAS 7.8x)<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Case 2: B2B Technology & Web -->\n            <a href=\"https:\/\/protos.vn\/en\/ve-protos\/case-study\/\" class=\"px-case-card\">\n                <div class=\"px-case-thumb\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?auto=format&fit=crop&w=800&q=80\" alt=\"B2B Enterprise Portal\" loading=\"lazy\">\n                    <span class=\"px-case-badge\">B2B &amp; ENTERPRISE<\/span>\n                <\/div>\n                <div class=\"px-case-body\">\n                    <div>\n                        <div class=\"px-case-industry\">Digital Architecture &amp; Leads<\/div>\n                        <h3 class=\"px-case-title\">H\u1ec7 Th\u1ed1ng Gi\u1ea3i Ph\u00e1p Qu\u1ea3n Tr\u1ecb Nh\u00e2n S\u1ef1 Cloud<\/h3>\n                        <p class=\"px-case-desc\">Engineered sub-0.6s bespoke corporate portal with targeted Google Search &amp; LinkedIn lead funnels.<\/p>\n                    <\/div>\n                    <div class=\"px-case-metric-box\">\n                        <span class=\"px-cm-label\">Qualified Lead Gen:<\/span>\n                        <span class=\"px-cm-val\">+180% (CPA -42%)<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Case 3: Beauty & TikTok Shop -->\n            <a href=\"https:\/\/protos.vn\/en\/ve-protos\/case-study\/\" class=\"px-case-card\">\n                <div class=\"px-case-thumb\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=800&q=80\" alt=\"Beauty Brand Store Ops\" loading=\"lazy\">\n                    <span class=\"px-case-badge\">BEAUTY &amp; SOCIAL COMMERCE<\/span>\n                <\/div>\n                <div class=\"px-case-body\">\n                    <div>\n                        <div class=\"px-case-industry\">Omnichannel Store &amp; Seeding<\/div>\n                        <h3 class=\"px-case-title\">Th\u01b0\u01a1ng Hi\u1ec7u M\u1ef9 Ph\u1ea9m Thi\u00ean Nhi\u00ean H\u1eefu C\u01a1<\/h3>\n                        <p class=\"px-case-desc\">Scaled TikTok Shop from zero, coordinated verified KOC reviews, and ran high-converting video ads.<\/p>\n                    <\/div>\n                    <div class=\"px-case-metric-box\">\n                        <span class=\"px-cm-label\">Monthly GMV Reached:<\/span>\n                        <span class=\"px-cm-val\">1.5+ T\u1ef7 VN\u0110<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 6. WHY ENTERPRISES CHOOSE PROTOS (COMPARISON) -->\n<section class=\"px-section\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>WHY ENTERPRISES CHOOSE US<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                How PROTOS Stands Apart From Traditional Options            <\/h2>\n            <p class=\"px-desc\">\n                We operate as your elite in-house growth unit, aligned entirely with your bottom-line business success.            <\/p>\n        <\/div>\n\n        <div class=\"px-compare-table-wrap\">\n            <table class=\"px-compare-table\">\n                <thead>\n                    <tr>\n                        <th style=\"width: 35%;\">Evaluation Criteria<\/th>\n                        <th style=\"width: 32%;\">Freelancers \/ Traditional Agencies<\/th>\n                        <th style=\"width: 33%;\" class=\"protos-col\">PROTOS Growth Partner<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td><strong>Core Deliverable<\/strong><\/td>\n                        <td>Vanity metrics (impressions, clicks without sales)<\/td>\n                        <td class=\"protos-col\"><span class=\"px-check-icon\">\u2713<\/span> Net revenue, CPA reduction &amp; real ROAS<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>System Integration<\/strong><\/td>\n                        <td>Fragmented; ad team blames website team for low sales<\/td>\n                        <td class=\"protos-col\"><span class=\"px-check-icon\">\u2713<\/span> Fully unified: Ads, High-Speed Web, E-Com &amp; Automation<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Data Transparency<\/strong><\/td>\n                        <td>Monthly static spreadsheets; obscure tracking<\/td>\n                        <td class=\"protos-col\"><span class=\"px-check-icon\">\u2713<\/span> Live Looker Studio dashboard accessible 24\/7<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Execution Team<\/strong><\/td>\n                        <td>Outsourced freelancers or junior interns<\/td>\n                        <td class=\"protos-col\"><span class=\"px-check-icon\">\u2713<\/span> 100% seasoned in-house specialists<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>Support Velocity<\/strong><\/td>\n                        <td>Slow delayed responses; unavailable off-hours<\/td>\n                        <td class=\"protos-col\"><span class=\"px-check-icon\">\u2713<\/span> Dedicated VIP hotline &amp; SLA guarantee under 2 hours<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 7. ACADEMY & PROPRIETARY TOOLS ECOSYSTEM -->\n<section class=\"px-section px-bg-soft\">\n    <div class=\"px-container\">\n        \n        <div class=\"px-sec-head\">\n            <div class=\"px-eyebrow\">\n                <span class=\"px-eyebrow-dot\"><\/span>\n                <span>ACADEMY &amp; PROPRIETARY TOOLS<\/span>\n            <\/div>\n            <h2 class=\"px-title\">\n                Practical Knowledge &amp; Software Built For Growth            <\/h2>\n            <p class=\"px-desc\">\n                Beyond agency execution, PROTOS develops proprietary business tools and elite coaching programs for modern marketers.            <\/p>\n        <\/div>\n\n        <div class=\"px-eco-grid\">\n            \n            <!-- Card 1: Academy -->\n            <div class=\"px-eco-card\">\n                <div>\n                    <div class=\"px-eco-head\">\n                        <div class=\"px-eco-icon\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"px-eco-title\">PROTOS Academy \u2014 Practical Coaching<\/h3>\n                    <\/div>\n                    <p class=\"px-eco-desc\">\n                        Elite 1-on-1 coaching and enterprise team training in Performance Ads, budget governance, and conversion optimization led by veterans managing massive ad budgets.                    <\/p>\n                    <div class=\"px-eco-highlights\">\n                        <span class=\"px-eco-chip\">1-on-1 Direct Coaching<\/span>\n                        <span class=\"px-eco-chip\">Online Mastery Courses<\/span>\n                        <span class=\"px-eco-chip\">Enterprise Mentorship<\/span>\n                    <\/div>\n                <\/div>\n                <div>\n                    <a href=\"https:\/\/protos.vn\/en\/dao-tao\/\" class=\"px-btn px-btn-primary\">\n                        <span>Explore Training Programs \u2197<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Tools & Resources -->\n            <div class=\"px-eco-card\">\n                <div>\n                    <div class=\"px-eco-head\">\n                        <div class=\"px-eco-icon\" style=\"background: #f0fdf4; color: #059669;\">\n                            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"px-eco-title\">Proprietary Marketing Tools &amp; Templates<\/h3>\n                    <\/div>\n                    <p class=\"px-eco-desc\">\n                        Proprietary ROAS calculators, dynamic revenue estimators, Looker Studio reporting templates, and actionable ad audit checklists utilized by top brands.                    <\/p>\n                    <div class=\"px-eco-highlights\">\n                        <span class=\"px-eco-chip\">ROAS Break-Even Calculator<\/span>\n                        <span class=\"px-eco-chip\">Looker Studio Templates<\/span>\n                        <span class=\"px-eco-chip\">Ad Audit Checklists<\/span>\n                    <\/div>\n                <\/div>\n                <div>\n                    <a href=\"https:\/\/protos.vn\/en\/tools\/\" class=\"px-btn px-btn-secondary\">\n                        <span>Access Business Tools \u2197<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 8. GRAND FINAL CTA -->\n<section class=\"px-section\" style=\"border-top: none;\">\n    <div class=\"px-container\">\n        <div class=\"px-final-cta-wrap\">\n            <span class=\"px-final-eyebrow\">STRATEGIC PARTNERSHIP \u2022 FREE AUDIT<\/span>\n            \n            <h2 class=\"px-final-title\">\n                Ready To Accelerate Your Enterprise Revenue?            <\/h2>\n            \n            <p class=\"px-final-desc\">\n                Claim your 45-minute bespoke growth audit today. Our senior strategy team will diagnose your marketing bottlenecks and deliver an actionable 24-hour roadmap.            <\/p>\n\n            <div class=\"px-final-actions\">\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn px-btn-white\" style=\"font-size: 16px; padding: 15px 32px;\">\n                    <span>Claim Free Audit &amp; Quote \u2197<\/span>\n                <\/a>\n                <a href=\"https:\/\/protos.vn\/en\/tai-nguyen-san-pham\/\" class=\"px-btn px-btn-secondary\" style=\"background: rgba(255,255,255,0.12); color: #ffffff !important; border-color: rgba(255,255,255,0.25);\">\n                    <span>Download Free Assets \u2197<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"px-final-contact-bar\">\n                <div class=\"px-fcb-item\">\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n                    <span>Hotline: <a href=\"tel:0868626509\">0868 626 509<\/a><\/span>\n                <\/div>\n                <div class=\"px-fcb-item\">\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                    <span>Email: <a href=\"mailto:contact@protos.vn\">contact@protos.vn<\/a><\/span>\n                <\/div>\n                <div class=\"px-fcb-item\">\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                    <span>SLA Response Under 2 Hours<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n        <\/div>\r\n    <\/div>","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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":19,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/38\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}