{"id":71,"date":"2026-05-10T12:53:13","date_gmt":"2026-05-10T12:53:13","guid":{"rendered":"https:\/\/digitizerlabs.com\/?page_id=71"},"modified":"2026-05-10T13:51:49","modified_gmt":"2026-05-10T13:51:49","slug":"home","status":"publish","type":"page","link":"https:\/\/digitizerlabs.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e2075 e-con-full e-flex e-con e-parent\" data-id=\"b9e2075\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9c6333 elementor-widget elementor-widget-html\" data-id=\"f9c6333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --orange:    #F69962;\r\n    --pink:      #F51DA6;\r\n    --blue-mid:  #6C4BFC;\r\n    --dark-blue: #272A52;\r\n    --grad-left: linear-gradient(135deg, #F69962, #F51DA6);\r\n    --grad-mid:  linear-gradient(135deg, #6C4BFC, #F51DA6);\r\n    --grad-full: linear-gradient(135deg, #F69962 0%, #F51DA6 45%, #6C4BFC 100%);\r\n    --glass:     rgba(255,255,255,0.03);\r\n    --glass-b:   rgba(255,255,255,0.07);\r\n  }\r\n\r\n  body {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .dt-section {\r\n    padding: 96px 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dt-section-full {\r\n    padding: 96px 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .dt-eyebrow {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3);\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .dt-h2 {\r\n    font-size: clamp(28px, 4vw, 48px);\r\n    font-weight: 900;\r\n    letter-spacing: -1.5px;\r\n    line-height: 1.1;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .dt-h2 em {\r\n    font-style: normal;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .dt-sub {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.45);\r\n    line-height: 1.7;\r\n    max-width: 560px;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .dt-divider-section {\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07) 30%, rgba(108,75,252,0.15) 50%, rgba(255,255,255,0.07) 70%, transparent);\r\n    margin: 0;\r\n  }\r\n\r\n  #dt-tools {\r\n    padding: 96px 0;\r\n  }\r\n\r\n  #dt-tools .inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n  }\r\n\r\n  .tools-head { margin-bottom: 48px; }\r\n\r\n  .tools-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n    padding: 6px;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    border-radius: 14px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .tools-tab {\r\n    padding: 10px 20px;\r\n    border-radius: 10px;\r\n    border: none;\r\n    background: transparent;\r\n    color: rgba(255,255,255,0.45);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background 0.25s, color 0.25s, box-shadow 0.25s;\r\n    white-space: nowrap;\r\n    position: relative;\r\n  }\r\n\r\n  .tools-tab:hover {\r\n    color: rgba(255,255,255,0.8);\r\n    background: rgba(255,255,255,0.04);\r\n  }\r\n\r\n  .tools-tab.active {\r\n    background: var(--grad-mid);\r\n    color: #fff;\r\n    box-shadow: 0 4px 20px rgba(108,75,252,0.35);\r\n  }\r\n\r\n  .tools-panel { display: none; }\r\n\r\n  .tools-panel.active {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 32px;\r\n    align-items: center;\r\n    animation: panelIn 0.4s ease both;\r\n  }\r\n\r\n  @keyframes panelIn {\r\n    from { opacity: 0; transform: translateY(16px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .tools-panel-text h3 {\r\n    font-size: clamp(22px, 3vw, 32px);\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 20px;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .tools-panel-text p {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.55);\r\n    line-height: 1.75;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .tools-panel-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    border-radius: 100px;\r\n    background: var(--grad-mid);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: transform 0.25s, box-shadow 0.25s;\r\n  }\r\n\r\n  .tools-panel-link:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 28px rgba(108,75,252,0.4);\r\n  }\r\n\r\n  .tools-panel-visual {\r\n    aspect-ratio: 4\/3;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,0.025);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tools-panel-visual::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at 60% 40%, rgba(108,75,252,0.18), transparent 65%);\r\n  }\r\n\r\n  .tools-panel-icon {\r\n    width: 80px; height: 80px;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 36px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .tools-panel.active { grid-template-columns: 1fr; }\r\n    .tools-panel-visual { order: -1; aspect-ratio: 16\/9; }\r\n    .tools-tabs { overflow-x: auto; flex-wrap: nowrap; }\r\n  }\r\n\r\n  #dt-services {\r\n    padding: 96px 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .service-card {\r\n    position: relative;\r\n    padding: 32px 28px;\r\n    border-radius: 20px;\r\n    background: var(--glass);\r\n    border: 1px solid var(--glass-b);\r\n    backdrop-filter: blur(12px);\r\n    cursor: pointer;\r\n    transition: transform 0.35s cubic-bezier(.22,.68,0,1.2), box-shadow 0.35s, border-color 0.35s, background 0.35s;\r\n    overflow: hidden;\r\n    group: true;\r\n  }\r\n\r\n  .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(108,75,252,0.08), rgba(245,29,166,0.05));\r\n    opacity: 0;\r\n    transition: opacity 0.35s;\r\n  }\r\n\r\n  .service-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 2px;\r\n    background: var(--grad-full);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s cubic-bezier(.22,.68,0,1.2);\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-8px) scale(1.01);\r\n    border-color: rgba(108,75,252,0.25);\r\n    background: rgba(255,255,255,0.05);\r\n    box-shadow: 0 20px 60px rgba(108,75,252,0.15), 0 0 0 1px rgba(108,75,252,0.1);\r\n  }\r\n\r\n  .service-card:hover::before { opacity: 1; }\r\n  .service-card:hover::after  { transform: scaleX(1); }\r\n\r\n  .service-icon {\r\n    width: 52px; height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(108,75,252,0.12);\r\n    border: 1px solid rgba(108,75,252,0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    transition: background 0.35s, box-shadow 0.35s;\r\n  }\r\n\r\n  .service-card:hover .service-icon {\r\n    background: rgba(108,75,252,0.22);\r\n    box-shadow: 0 0 20px rgba(108,75,252,0.25);\r\n  }\r\n\r\n  .service-icon svg { width: 24px; height: 24px; }\r\n\r\n  .service-card h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 10px;\r\n    letter-spacing: -0.3px;\r\n    position: relative;\r\n  }\r\n\r\n  .service-card p {\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.45);\r\n    line-height: 1.7;\r\n    position: relative;\r\n  }\r\n\r\n  .service-arrow {\r\n    position: absolute;\r\n    bottom: 24px; right: 24px;\r\n    width: 32px; height: 32px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transform: translateX(-8px);\r\n    transition: opacity 0.3s, transform 0.3s;\r\n  }\r\n\r\n  .service-card:hover .service-arrow {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #dt-services { padding: 72px 20px; }\r\n    .services-grid { grid-template-columns: 1fr; gap: 14px; }\r\n  }\r\n\r\n  #dt-stats {\r\n    padding: 0 40px 0;\r\n  }\r\n\r\n  .stats-wrapper {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    border-radius: 24px;\r\n    padding: 64px 48px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: rgba(39,42,82,0.25);\r\n    border: 1px solid rgba(108,75,252,0.2);\r\n    backdrop-filter: blur(20px);\r\n  }\r\n\r\n  .stats-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -40%; left: -20%;\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(108,75,252,0.12), transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .stats-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%; right: -10%;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(245,29,166,0.1), transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .stats-head {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .stat-card {\r\n    text-align: center;\r\n    padding: 32px 20px;\r\n    border-radius: 16px;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .stat-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(108,75,252,0.3);\r\n    box-shadow: 0 12px 40px rgba(108,75,252,0.12);\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: clamp(36px, 5vw, 56px);\r\n    font-weight: 900;\r\n    letter-spacing: -2px;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    line-height: 1;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.45);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #dt-stats { padding: 0 20px; }\r\n    .stats-wrapper { padding: 48px 28px; }\r\n    .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .stats-grid { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  #dt-why {\r\n    padding: 96px 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .why-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .why-card {\r\n    position: relative;\r\n    padding: 32px 32px 32px 80px;\r\n    border-radius: 18px;\r\n    background: var(--glass);\r\n    border: 1px solid var(--glass-b);\r\n    cursor: pointer;\r\n    transition: background 0.3s, border-color 0.3s, transform 0.3s, box-shadow 0.3s;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; top: 0; bottom: 0;\r\n    width: 3px;\r\n    background: var(--grad-mid);\r\n    transform: scaleY(0);\r\n    transform-origin: bottom;\r\n    transition: transform 0.4s cubic-bezier(.22,.68,0,1.2);\r\n  }\r\n\r\n  .why-card:hover {\r\n    background: rgba(255,255,255,0.05);\r\n    border-color: rgba(108,75,252,0.2);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 48px rgba(108,75,252,0.12);\r\n  }\r\n\r\n  .why-card:hover::before {\r\n    transform: scaleY(1);\r\n  }\r\n\r\n  .why-num {\r\n    position: absolute;\r\n    top: 28px; left: 28px;\r\n    width: 36px; height: 36px;\r\n    border-radius: 10px;\r\n    background: rgba(108,75,252,0.12);\r\n    border: 1px solid rgba(108,75,252,0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: rgba(108,75,252,0.9);\r\n    transition: background 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .why-card:hover .why-num {\r\n    background: rgba(108,75,252,0.22);\r\n    box-shadow: 0 0 16px rgba(108,75,252,0.3);\r\n  }\r\n\r\n  .why-card h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 10px;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .why-card p {\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.45);\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .why-card.full {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #dt-why { padding: 72px 20px; }\r\n    .why-grid { grid-template-columns: 1fr; }\r\n    .why-card.full { grid-column: 1; }\r\n  }\r\n\r\n  #dt-testimonials {\r\n    padding: 96px 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #dt-testimonials::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px; height: 400px;\r\n    background: radial-gradient(ellipse, rgba(108,75,252,0.06), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .testimonials-head {\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin: 0 auto 56px;\r\n  }\r\n\r\n  .rating-badges {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .rating-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.6);\r\n  }\r\n\r\n  .rating-badge .stars {\r\n    color: #F69962;\r\n    letter-spacing: 1px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .testi-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .testi-card {\r\n    padding: 32px;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,0.025);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    backdrop-filter: blur(12px);\r\n    transition: transform 0.35s cubic-bezier(.22,.68,0,1.2), box-shadow 0.35s, border-color 0.35s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .testi-card::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 16px; right: 24px;\r\n    font-size: 80px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    background: var(--grad-mid);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    opacity: 0.12;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .testi-card:hover {\r\n    transform: translateY(-8px) rotate(0.5deg);\r\n    border-color: rgba(108,75,252,0.2);\r\n    box-shadow: 0 20px 60px rgba(108,75,252,0.12);\r\n  }\r\n\r\n  .testi-stars {\r\n    color: var(--orange);\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .testi-text {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.65);\r\n    line-height: 1.8;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .testi-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .testi-avatar {\r\n    width: 44px; height: 44px;\r\n    border-radius: 50%;\r\n    background: var(--grad-mid);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #fff;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .testi-name {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .testi-role {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.38);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .testi-grid { grid-template-columns: 1fr 1fr; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #dt-testimonials { padding: 72px 20px; }\r\n    .testi-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3e3da2 e-con-full e-flex e-con e-parent\" data-id=\"a3e3da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-994fc78 elementor-widget elementor-widget-html\" data-id=\"994fc78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Devtrest \u2014 Section 02: Hero<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- ============================================================\r\n     SECTION 02 \u2014 HERO\r\n     Full-viewport cinematic hero with animated gradient headline,\r\n     particle\/orb background, floating partner badges, typewriter\r\n     sub-effect, pulsing CTA, scroll indicator.\r\n     ============================================================ -->\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --orange:    #F69962;\r\n    --pink:      #F51DA6;\r\n    --blue-mid:  #6C4BFC;\r\n    --dark-blue: #272A52;\r\n    --grad-left: linear-gradient(135deg, #F69962, #F51DA6);\r\n    --grad-mid:  linear-gradient(135deg, #6C4BFC, #F51DA6);\r\n    --grad-full: linear-gradient(135deg, #F69962 0%, #F51DA6 45%, #6C4BFC 100%);\r\n  }\r\n\r\n  body {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 HERO SECTION \u2500\u2500\u2500 *\/\r\n  #dt-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 140px 40px 100px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u2500\u2500 Background canvas \/ orbs \u2500\u2500 *\/\r\n  #dt-hero-canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Static orbs for CSS fallback *\/\r\n  .hero-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    opacity: 0.35;\r\n    pointer-events: none;\r\n  }\r\n  .hero-orb-1 {\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, #6C4BFC, transparent 70%);\r\n    top: -100px; left: -150px;\r\n    animation: orbFloat1 10s ease-in-out infinite;\r\n  }\r\n  .hero-orb-2 {\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, #F51DA6, transparent 70%);\r\n    top: -60px; right: -100px;\r\n    animation: orbFloat2 13s ease-in-out infinite;\r\n    opacity: 0.28;\r\n  }\r\n  .hero-orb-3 {\r\n    width: 700px; height: 400px;\r\n    background: radial-gradient(ellipse, #F69962, transparent 65%);\r\n    bottom: -80px; left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: orbFloat3 11s ease-in-out infinite;\r\n    opacity: 0.18;\r\n  }\r\n\r\n  @keyframes orbFloat1 {\r\n    0%,100% { transform: translate(0,0) scale(1); }\r\n    50%      { transform: translate(40px, 30px) scale(1.05); }\r\n  }\r\n  @keyframes orbFloat2 {\r\n    0%,100% { transform: translate(0,0); }\r\n    40%     { transform: translate(-30px, 40px) scale(1.08); }\r\n  }\r\n  @keyframes orbFloat3 {\r\n    0%,100% { transform: translateX(-50%) scale(1); }\r\n    50%     { transform: translateX(-50%) scale(1.06); }\r\n  }\r\n\r\n  \/* Grid overlay *\/\r\n  .hero-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(108,75,252,0.04) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(108,75,252,0.04) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 Hero content \u2500\u2500 *\/\r\n  .hero-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 900px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Label chip *\/\r\n  .hero-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 7px 18px;\r\n    border-radius: 100px;\r\n    background: rgba(108,75,252,0.12);\r\n    border: 1px solid rgba(108,75,252,0.3);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.7);\r\n    margin-bottom: 32px;\r\n    animation: fadeUp 0.8s ease both;\r\n  }\r\n  .hero-label .dot-pulse {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--grad-mid);\r\n    animation: pulseDot 1.8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes pulseDot {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(108,75,252,0.7); }\r\n    50%     { box-shadow: 0 0 0 6px rgba(108,75,252,0); }\r\n  }\r\n\r\n  \/* Headline *\/\r\n  .hero-h1 {\r\n    font-size: clamp(38px, 6vw, 76px);\r\n    font-weight: 900;\r\n    line-height: 1.08;\r\n    letter-spacing: -2px;\r\n    margin-bottom: 28px;\r\n    animation: fadeUp 0.9s 0.1s ease both;\r\n  }\r\n\r\n  .hero-h1 .line-plain { display: block; color: #fff; }\r\n  .hero-h1 .line-amp   { color: rgba(255,255,255,0.3); }\r\n  .hero-h1 .line-grad  {\r\n    display: block;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    background-size: 200% auto;\r\n    animation: gradShift 4s linear infinite;\r\n  }\r\n\r\n  @keyframes gradShift {\r\n    0%   { background-position: 0% 50%; }\r\n    50%  { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n\r\n  \/* Sub-heading *\/\r\n  .hero-sub {\r\n    font-size: clamp(15px, 2vw, 18px);\r\n    font-weight: 500;\r\n    line-height: 1.65;\r\n    color: rgba(255,255,255,0.55);\r\n    max-width: 580px;\r\n    margin: 0 auto 44px;\r\n    animation: fadeUp 1s 0.2s ease both;\r\n  }\r\n\r\n  \/* CTA buttons *\/\r\n  .hero-cta-group {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 64px;\r\n    animation: fadeUp 1s 0.35s ease both;\r\n  }\r\n\r\n  .hero-btn-primary {\r\n    position: relative;\r\n    padding: 15px 36px;\r\n    border-radius: 100px;\r\n    background: var(--grad-mid);\r\n    color: #fff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    display: inline-block;\r\n  }\r\n  .hero-btn-primary::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--grad-left);\r\n    opacity: 0;\r\n    transition: opacity 0.35s;\r\n  }\r\n  .hero-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(245,29,166,0.4), 0 0 0 1px rgba(255,255,255,0.08);\r\n  }\r\n  .hero-btn-primary:hover::before { opacity: 1; }\r\n  .hero-btn-primary span { position: relative; z-index: 1; }\r\n  .hero-btn-primary:active { transform: scale(0.97); }\r\n\r\n  \/* Animated glow ring around primary btn *\/\r\n  .hero-btn-primary-wrap {\r\n    position: relative;\r\n    border-radius: 100px;\r\n  }\r\n  .hero-btn-primary-wrap::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -3px;\r\n    border-radius: 100px;\r\n    background: var(--grad-full);\r\n    z-index: -1;\r\n    filter: blur(8px);\r\n    opacity: 0;\r\n    transition: opacity 0.35s;\r\n    animation: rotateGlow 3s linear infinite;\r\n  }\r\n  .hero-btn-primary-wrap:hover::after { opacity: 0.7; }\r\n\r\n  @keyframes rotateGlow {\r\n    0%   { filter: blur(8px) hue-rotate(0deg); }\r\n    100% { filter: blur(8px) hue-rotate(360deg); }\r\n  }\r\n\r\n  .hero-btn-secondary {\r\n    padding: 14px 30px;\r\n    border-radius: 100px;\r\n    border: 1.5px solid rgba(255,255,255,0.15);\r\n    background: rgba(255,255,255,0.04);\r\n    color: rgba(255,255,255,0.8);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: border-color 0.3s, background 0.3s, color 0.3s, transform 0.3s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n  .hero-btn-secondary:hover {\r\n    border-color: rgba(108,75,252,0.5);\r\n    background: rgba(108,75,252,0.1);\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n  }\r\n  .hero-btn-secondary svg { transition: transform 0.3s; }\r\n  .hero-btn-secondary:hover svg { transform: translateX(4px); }\r\n\r\n  \/* \u2500\u2500\u2500 PARTNER BADGES \u2500\u2500\u2500 *\/\r\n  .hero-partners {\r\n    animation: fadeUp 1s 0.5s ease both;\r\n  }\r\n\r\n  .hero-partners-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .hero-badges {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .hero-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    backdrop-filter: blur(10px);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.6);\r\n    transition: border-color 0.3s, background 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s;\r\n    cursor: default;\r\n    animation: badgeFloat var(--dur, 4s) var(--delay, 0s) ease-in-out infinite;\r\n  }\r\n  .hero-badge:hover {\r\n    border-color: rgba(108,75,252,0.4);\r\n    background: rgba(108,75,252,0.08);\r\n    color: rgba(255,255,255,0.9);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 24px rgba(108,75,252,0.2);\r\n  }\r\n  .hero-badge img {\r\n    width: 18px; height: 18px;\r\n    object-fit: contain;\r\n    filter: brightness(0) invert(1);\r\n    opacity: 0.6;\r\n  }\r\n\r\n  @keyframes badgeFloat {\r\n    0%,100% { transform: translateY(0); }\r\n    50%     { transform: translateY(-4px); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SCROLL INDICATOR \u2500\u2500\u2500 *\/\r\n  .hero-scroll {\r\n    position: absolute;\r\n    bottom: 32px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    animation: fadeIn 1.5s 1s ease both;\r\n    cursor: pointer;\r\n  }\r\n  .hero-scroll span {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3);\r\n  }\r\n  .scroll-mouse {\r\n    width: 22px; height: 36px;\r\n    border: 1.5px solid rgba(255,255,255,0.2);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding-top: 6px;\r\n  }\r\n  .scroll-mouse::after {\r\n    content: '';\r\n    width: 3px; height: 8px;\r\n    background: rgba(255,255,255,0.5);\r\n    border-radius: 2px;\r\n    animation: scrollDown 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes scrollDown {\r\n    0%   { transform: translateY(0); opacity: 1; }\r\n    75%  { transform: translateY(10px); opacity: 0; }\r\n    100% { transform: translateY(0); opacity: 0; }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SHARED ANIMATIONS \u2500\u2500\u2500 *\/\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to   { opacity: 1; }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 FLOATING PARTICLES (JS driven) \u2500\u2500\u2500 *\/\r\n  .particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 760px) {\r\n    #dt-hero { padding: 120px 24px 90px; }\r\n    .hero-h1 { letter-spacing: -1px; }\r\n    .hero-cta-group { flex-direction: column; align-items: stretch; }\r\n    .hero-btn-primary, .hero-btn-secondary {\r\n      text-align: center;\r\n      justify-content: center;\r\n    }\r\n    .hero-badge { font-size: 11px; padding: 7px 12px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    #dt-hero { padding: 100px 20px 80px; }\r\n    .hero-badges { gap: 8px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO SECTION\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"dt-hero\" aria-labelledby=\"hero-heading\">\r\n\r\n  <!-- Background layer -->\r\n  <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-orb hero-orb-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-orb hero-orb-2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-orb hero-orb-3\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Main content -->\r\n  <div class=\"hero-inner\">\r\n\r\n    <!-- Label chip -->\r\n    <div class=\"hero-label\" aria-label=\"Status: Active automation agency\">\r\n      <span class=\"dot-pulse\"><\/span>\r\n      Top Automation Agency\r\n    <\/div>\r\n\r\n    <!-- Headline -->\r\n    <h1 class=\"hero-h1\" id=\"hero-heading\">\r\n      <span class=\"line-plain\">Automate Smarter.<\/span>\r\n      <span class=\"line-grad\">Grow Faster.<\/span>\r\n    <\/h1>\r\n\r\n    <!-- Sub-text -->\r\n    <p class=\"hero-sub\">\r\n      A leading Marketing Automation Agency helping businesses automate marketing, sales, and operations \u2014 for smarter, faster, unstoppable growth.\r\n    <\/p>\r\n\r\n    <!-- CTA Buttons -->\r\n    <div class=\"hero-cta-group\">\r\n      <div class=\"hero-btn-primary-wrap\">\r\n        <a href=\"\/book-a-discovery-call\" class=\"hero-btn-primary\">\r\n          <span>Book a Discovery Call<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <a href=\"\/case-studies\" class=\"hero-btn-secondary\">\r\n        See Our Work\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Partner badges -->\r\n    <div class=\"hero-partners\">\r\n      <p class=\"hero-partners-label\">Certified Partners &amp; Integrations<\/p>\r\n      <div class=\"hero-badges\">\r\n        <div class=\"hero-badge\" style=\"--dur:4.2s;--delay:0s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n          Zapier\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:3.8s;--delay:0.3s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n          GoHighLevel\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:4.5s;--delay:0.6s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg>\r\n          Make.com\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:3.6s;--delay:0.9s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n          Monday.com\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:4s;--delay:1.2s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg>\r\n          ManyChat\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:4.3s;--delay:0.5s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"\/><path d=\"M12 8v4M8.5 19.5l3.5-7.5 3.5 7.5\"\/><\/svg>\r\n          ClickFunnels\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:3.9s;--delay:0.8s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\r\n          Meta Ads\r\n        <\/div>\r\n        <div class=\"hero-badge\" style=\"--dur:4.1s;--delay:1.1s\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7m0 10h6M9 12h6\"\/><\/svg>\r\n          WordPress\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Scroll indicator -->\r\n  <div class=\"hero-scroll\" onclick=\"window.scrollBy({top:window.innerHeight,behavior:'smooth'})\" aria-label=\"Scroll down\">\r\n    <div class=\"scroll-mouse\"><\/div>\r\n    <span>Scroll<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     JAVASCRIPT \u2014 Particle system\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function(){\r\n  const hero = document.getElementById('dt-hero');\r\n  const COUNT = 28;\r\n\r\n  for(let i = 0; i < COUNT; i++){\r\n    const p = document.createElement('div');\r\n    p.className = 'particle';\r\n    const size = Math.random() * 3 + 1;\r\n    const colors = ['rgba(108,75,252,', 'rgba(245,29,166,', 'rgba(246,153,98,'];\r\n    const col = colors[Math.floor(Math.random() * colors.length)];\r\n    const opacity = Math.random() * 0.35 + 0.1;\r\n    p.style.cssText = `\r\n      width:${size}px; height:${size}px;\r\n      left:${Math.random()*100}%;\r\n      top:${Math.random()*100}%;\r\n      background:${col}${opacity});\r\n      animation: particleAnim ${6 + Math.random()*8}s ${Math.random()*6}s ease-in-out infinite alternate;\r\n    `;\r\n    hero.appendChild(p);\r\n  }\r\n\r\n  \/* inject keyframes once *\/\r\n  const s = document.createElement('style');\r\n  s.textContent = `\r\n    @keyframes particleAnim {\r\n      0%   { transform: translate(0,0) scale(1); opacity: 0.1; }\r\n      50%  { opacity: 0.5; }\r\n      100% { transform: translate(${Math.random()<0.5?'':'-'}${20+Math.random()*40}px, ${Math.random()<0.5?'':'-'}${20+Math.random()*40}px) scale(${0.8+Math.random()*0.8}); opacity: 0.15; }\r\n    }\r\n  `;\r\n  document.head.appendChild(s);\r\n\r\n  \/* Parallax on mouse move *\/\r\n  document.addEventListener('mousemove', (e) => {\r\n    const x = (e.clientX \/ window.innerWidth  - 0.5) * 2;\r\n    const y = (e.clientY \/ window.innerHeight - 0.5) * 2;\r\n    document.querySelectorAll('.hero-orb').forEach((orb, i) => {\r\n      const factor = (i + 1) * 12;\r\n      orb.style.transform = `translate(${x * factor}px, ${y * factor}px) ${i===2 ? 'translateX(-50%)' : ''}`;\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfe0308 e-con-full e-flex e-con e-parent\" data-id=\"cfe0308\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e89187 elementor-widget elementor-widget-html\" data-id=\"8e89187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Devtrest \u2014 Section 03: Logo Ticker + Featured In<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- ============================================================\r\n     SECTION 03 \u2014 LOGO TICKER + FEATURED IN\r\n     Two infinite marquee strips (tools above, press logos below)\r\n     with gradient fade edges, glassmorphism dividers, and a\r\n     subtle \"Featured In\" headline with premium layout.\r\n     ============================================================ -->\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --orange:    #F69962;\r\n    --pink:      #F51DA6;\r\n    --blue-mid:  #6C4BFC;\r\n    --dark-blue: #272A52;\r\n    --grad-full: linear-gradient(135deg, #F69962 0%, #F51DA6 45%, #6C4BFC 100%);\r\n  }\r\n\r\n  body {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 TOOLS TICKER (top strip) \u2500\u2500\u2500 *\/\r\n  #dt-ticker {\r\n    position: relative;\r\n    padding: 60px 0 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ticker-label {\r\n    text-align: center;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.28);\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  \/* Fade edges *\/\r\n  .ticker-fade-left,\r\n  .ticker-fade-right {\r\n    position: absolute;\r\n    top: 0; bottom: 0;\r\n    width: 160px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n  .ticker-fade-left  { left: 0;  background: linear-gradient(90deg, #000 0%, transparent 100%); }\r\n  .ticker-fade-right { right: 0; background: linear-gradient(-90deg, #000 0%, transparent 100%); }\r\n\r\n  \/* Marquee wrapper *\/\r\n  .ticker-track-wrap {\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .ticker-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0;\r\n    width: max-content;\r\n    animation: ticker 28s linear infinite;\r\n  }\r\n  .ticker-track.reverse {\r\n    animation: tickerRev 32s linear infinite;\r\n  }\r\n\r\n  @keyframes ticker {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n  @keyframes tickerRev {\r\n    0%   { transform: translateX(-50%); }\r\n    100% { transform: translateX(0); }\r\n  }\r\n\r\n  \/* Pause on hover *\/\r\n  .ticker-track-wrap:hover .ticker-track { animation-play-state: paused; }\r\n\r\n  \/* Individual logo pill *\/\r\n  .ticker-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 28px;\r\n    margin: 0 8px;\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    white-space: nowrap;\r\n    cursor: default;\r\n    transition: background 0.3s, border-color 0.3s, transform 0.3s, box-shadow 0.3s;\r\n  }\r\n  .ticker-item:hover {\r\n    background: rgba(108,75,252,0.1);\r\n    border-color: rgba(108,75,252,0.3);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 20px rgba(108,75,252,0.2);\r\n  }\r\n\r\n  .ticker-item .ti-icon {\r\n    width: 22px; height: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .ticker-item .ti-icon svg { width: 100%; height: 100%; }\r\n\r\n  .ticker-item span {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.5);\r\n    transition: color 0.3s;\r\n  }\r\n  .ticker-item:hover span { color: rgba(255,255,255,0.9); }\r\n\r\n  \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n  .dt-divider {\r\n    margin: 56px auto 0;\r\n    max-width: 1100px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08) 25%, rgba(108,75,252,0.2) 50%, rgba(255,255,255,0.08) 75%, transparent);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 FEATURED IN \u2500\u2500\u2500 *\/\r\n  #dt-featured {\r\n    padding: 64px 40px 72px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .featured-head {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .featured-head .eyebrow {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3);\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .featured-head h2 {\r\n    font-size: clamp(26px, 3.5vw, 40px);\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n  }\r\n  .featured-head h2 em {\r\n    font-style: normal;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  \/* Press logo grid *\/\r\n  .featured-grid {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .featured-logo {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px 30px;\r\n    border-radius: 14px;\r\n    background: rgba(255,255,255,0.025);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    backdrop-filter: blur(10px);\r\n    cursor: default;\r\n    transition: background 0.35s, border-color 0.35s, transform 0.35s, box-shadow 0.35s;\r\n    min-width: 120px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .featured-logo::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, rgba(108,75,252,0.1), rgba(245,29,166,0.06));\r\n    opacity: 0;\r\n    transition: opacity 0.35s;\r\n  }\r\n\r\n  .featured-logo:hover {\r\n    background: rgba(255,255,255,0.05);\r\n    border-color: rgba(108,75,252,0.25);\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: 0 12px 40px rgba(108,75,252,0.15);\r\n  }\r\n  .featured-logo:hover::before { opacity: 1; }\r\n\r\n  .featured-logo span {\r\n    position: relative;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: rgba(255,255,255,0.35);\r\n    letter-spacing: -0.5px;\r\n    transition: color 0.35s;\r\n    white-space: nowrap;\r\n  }\r\n  .featured-logo:hover span { color: rgba(255,255,255,0.75); }\r\n\r\n  \/* Distinctive styling per brand *\/\r\n  .featured-logo.meta     span { font-style: italic; letter-spacing: -1px; }\r\n  .featured-logo.forbes   span { font-variant: small-caps; letter-spacing: 1px; }\r\n  .featured-logo.yahoo    span { font-size: 13px; }\r\n\r\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 760px) {\r\n    #dt-ticker { padding-top: 48px; }\r\n    .ticker-fade-left, .ticker-fade-right { width: 80px; }\r\n    #dt-featured { padding: 52px 20px 56px; }\r\n    .featured-logo { padding: 14px 20px; min-width: 90px; }\r\n    .featured-logo span { font-size: 13px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ticker-item { padding: 10px 18px; }\r\n    .ticker-item span { font-size: 12px; }\r\n    .featured-grid { gap: 10px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TOOLS \/ PARTNER TICKER\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"dt-ticker\" aria-label=\"Our technology partners\">\r\n\r\n  <p class=\"ticker-label\">Trusted Tools &amp; Integrations<\/p>\r\n\r\n  <!-- Fade overlays -->\r\n  <div class=\"ticker-fade-left\"  aria-hidden=\"true\"><\/div>\r\n  <div class=\"ticker-fade-right\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Track 1 \u2014 forward -->\r\n  <div class=\"ticker-track-wrap\">\r\n    <div class=\"ticker-track\" aria-hidden=\"true\">\r\n      <!-- Set 1 -->\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\r\n        <span>Zapier<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7m0 10h6M9 12h6\"\/><\/svg><\/div>\r\n        <span>GoHighLevel<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12l2.5 2.5L16 9\"\/><\/svg><\/div>\r\n        <span>Make.com<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n        <span>Monday.com<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div>\r\n        <span>ManyChat<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg><\/div>\r\n        <span>Airtable<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\r\n        <span>Salesforce<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\r\n        <span>ClickUp<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\r\n        <span>Asana<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg><\/div>\r\n        <span>Zoho<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg><\/div>\r\n        <span>WordPress<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg><\/div>\r\n        <span>Tidio<\/span>\r\n      <\/div>\r\n      <!-- Set 2 (duplicate for seamless loop) -->\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\r\n        <span>Zapier<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7m0 10h6M9 12h6\"\/><\/svg><\/div>\r\n        <span>GoHighLevel<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12l2.5 2.5L16 9\"\/><\/svg><\/div>\r\n        <span>Make.com<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n        <span>Monday.com<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div>\r\n        <span>ManyChat<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg><\/div>\r\n        <span>Airtable<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\r\n        <span>Salesforce<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\r\n        <span>ClickUp<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\r\n        <span>Asana<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg><\/div>\r\n        <span>Zoho<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg><\/div>\r\n        <span>WordPress<\/span>\r\n      <\/div>\r\n      <div class=\"ticker-item\">\r\n        <div class=\"ti-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.8)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg><\/div>\r\n        <span>Tidio<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Divider -->\r\n<div class=\"dt-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FEATURED IN \u2014 PRESS LOGOS\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"dt-featured\" aria-labelledby=\"featured-heading\">\r\n\r\n  <div class=\"featured-head\">\r\n    <span class=\"eyebrow\">As Seen In<\/span>\r\n    <h2 id=\"featured-heading\">Featured In <em>Leading Media<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"featured-grid\">\r\n    <div class=\"featured-logo meta\">      <span>Meta<\/span>            <\/div>\r\n    <div class=\"featured-logo forbes\">    <span>Forbes<\/span>          <\/div>\r\n    <div class=\"featured-logo\">           <span>CBS News<\/span>        <\/div>\r\n    <div class=\"featured-logo\">           <span>Business Week<\/span>   <\/div>\r\n    <div class=\"featured-logo\">           <span>NY Review<\/span>       <\/div>\r\n    <div class=\"featured-logo\">           <span>ABC<\/span>             <\/div>\r\n    <div class=\"featured-logo\">           <span>Business Insider<\/span><\/div>\r\n    <div class=\"featured-logo\">           <span>Mashable<\/span>        <\/div>\r\n    <div class=\"featured-logo yahoo\">     <span>Yahoo Finance<\/span>   <\/div>\r\n    <div class=\"featured-logo\">           <span>Khaleej Times<\/span>   <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9438add e-con-full e-flex e-con e-parent\" data-id=\"9438add\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3aa8ca5 elementor-widget elementor-widget-html\" data-id=\"3aa8ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dt-tools\" aria-labelledby=\"tools-heading\">\r\n  <div class=\"inner\">\r\n    <div class=\"tools-head\">\r\n      <span class=\"dt-eyebrow\">Tools &amp; Partners<\/span>\r\n      <h2 class=\"dt-h2\" id=\"tools-heading\">Our <em>Automation Stack<\/em><\/h2>\r\n      <p class=\"dt-sub\">Premium certified partnerships powering your business automation ecosystem.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tools-tabs\" role=\"tablist\" aria-label=\"Tool categories\">\r\n      <button class=\"tools-tab active\" role=\"tab\" aria-selected=\"true\" data-tab=\"manychat\">ManyChat<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"zapier\">Zapier<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"ghl\">GoHighLevel<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"make\">Make.com<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"monday\">Monday.com<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"cf\">ClickFunnels<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"wp\">WordPress<\/button>\r\n      <button class=\"tools-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"meta\">Meta Ads<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tab-manychat\" class=\"tools-panel active\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>ManyChat<\/h3>\r\n        <p>ManyChat enables automation for Messenger, SMS, and email communication. Digitizer integrates ManyChat to create conversational workflows that nurture leads, improve customer support, and boost engagement at scale.<\/p>\r\n        <a href=\"\/chatbot-development-2\" class=\"tools-panel-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\">\r\n        <div class=\"tools-panel-icon\">\ud83d\udcac<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-zapier\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>Zapier Automation<\/h3>\r\n        <p>Connect your apps and automate workflows with Zapier. Devtrest builds robust Zaps that eliminate manual data entry, sync your tools, and free your team to focus on growth.<\/p>\r\n        <a href=\"\/zapier\" class=\"tools-panel-link\">See Automations \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\u26a1<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-ghl\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>GoHighLevel CRM<\/h3>\r\n        <p>GoHighLevel is the all-in-one platform that powers your sales pipeline, marketing automation, and client communications. Devtrest customizes GHL to fit your exact workflows.<\/p>\r\n        <a href=\"\/gohighlevel\" class=\"tools-panel-link\">View Ad Services \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83d\ude80<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-make\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>Make.com<\/h3>\r\n        <p>Make formerly Integromat brings visual automation to complex multi-step workflows. Devtrest designs scenario-based automations that scale with your business without added complexity.<\/p>\r\n        <a href=\"\/make-com\" class=\"tools-panel-link\">See the CRM \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83d\udd04<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-monday\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>Monday.com<\/h3>\r\n        <p>Monday.com transforms team collaboration. Devtrest configures custom boards, automations, and integrations that keep your projects on track and your team aligned.<\/p>\r\n        <a href=\"\/monday-com\" class=\"tools-panel-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83d\udcca<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-cf\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>ClickFunnels<\/h3>\r\n        <p>ClickFunnels powers high-converting sales funnels. Devtrest builds and optimizes funnel sequences that capture leads, nurture prospects, and convert at maximum efficiency.<\/p>\r\n        <a href=\"\/clickfunnels\" class=\"tools-panel-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83c\udfaf<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-wp\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>WordPress<\/h3>\r\n        <p>WordPress remains the world's leading CMS. Devtrest develops automation-ready WordPress websites with seamless CRM integrations, speed optimization, and premium UI design.<\/p>\r\n        <a href=\"\/wordpress\" class=\"tools-panel-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83c\udf10<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-meta\" class=\"tools-panel\">\r\n      <div class=\"tools-panel-text\">\r\n        <h3>Meta Business Ads<\/h3>\r\n        <p>Devtrest runs data-driven Meta ad campaigns that target the right audience, optimize for conversions, and scale profitably across Facebook and Instagram platforms.<\/p>\r\n        <a href=\"\/meta-business-ads\" class=\"tools-panel-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"tools-panel-visual\"><div class=\"tools-panel-icon\">\ud83d\udcf1<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"dt-divider-section\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc47716 e-con-full e-flex e-con e-parent\" data-id=\"dc47716\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07e4c7 elementor-widget elementor-widget-html\" data-id=\"e07e4c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dt-services\" aria-labelledby=\"services-heading\">\r\n  <span class=\"dt-eyebrow\">What We Do<\/span>\r\n  <h2 class=\"dt-h2\" id=\"services-heading\">Our <em>Services<\/em><\/h2>\r\n  <p class=\"dt-sub\">Smart automation and digital solutions tailored to grow your business.<\/p>\r\n\r\n  <div class=\"services-grid\">\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Website Development<\/h3>\r\n      <p>High-performance, automation-ready websites that drive conversions, integrate CRMs, and support scalable digital growth.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\r\n      <\/div>\r\n      <h3>App Development<\/h3>\r\n      <p>Secure, scalable custom apps that automate operations, streamline workflows, and boost business efficiency.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>AI Agents &amp; Automations<\/h3>\r\n      <p>AI-driven automation systems that enhance productivity, reduce manual effort, and improve operational intelligence.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n      <\/div>\r\n      <h3>CRM Development<\/h3>\r\n      <p>Custom CRMs that automate marketing, sales, and customer communication for smarter business management.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Chatbot Development<\/h3>\r\n      <p>AI-powered chatbots that automate conversations, generate leads, and improve engagement across digital platforms.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(246,153,98,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>SaaS Platform<\/h3>\r\n      <p>Automation-focused SaaS solutions with intelligent workflows, optimized scalability, and seamless integrations.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(108,75,252,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg>\r\n      <\/div>\r\n      <h3>AI &amp; Big Data<\/h3>\r\n      <p>Harness AI and data automation to deliver insights, streamline decisions, and optimize business performance.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\" tabindex=\"0\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(245,29,166,0.9)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Social Media Management<\/h3>\r\n      <p>Automate social campaigns, optimize engagement, and manage content workflows for measurable digital results.<\/p>\r\n      <div class=\"service-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"dt-divider-section\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20656d9 e-con-full e-flex e-con e-parent\" data-id=\"20656d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e833842 elementor-widget elementor-widget-html\" data-id=\"e833842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dt-stats\" aria-labelledby=\"stats-heading\">\r\n  <div class=\"stats-wrapper\">\r\n    <div class=\"stats-head\">\r\n      <span class=\"dt-eyebrow\">Our Track Record<\/span>\r\n      <h2 class=\"dt-h2\" id=\"stats-heading\">Digitizer's <em>Global Achievements<\/em><\/h2>\r\n      <p class=\"dt-sub\" style=\"margin:0 auto\">Measurable success backed by technology, expertise, and innovation.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stats-grid\">\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\" data-target=\"500\" data-suffix=\"+\">0+<\/span>\r\n        <div class=\"stat-label\">Successful Projects<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\" data-target=\"300\" data-suffix=\"+\">0+<\/span>\r\n        <div class=\"stat-label\">Active Clients<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\" data-target=\"98\" data-suffix=\"%\">0%<\/span>\r\n        <div class=\"stat-label\">Customer Satisfaction<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\" data-target=\"5\" data-suffix=\"+\">0+<\/span>\r\n        <div class=\"stat-label\">Years of Experience<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"dt-divider-section\" style=\"margin-top:96px\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76b2cb1 e-con-full e-flex e-con e-parent\" data-id=\"76b2cb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc210d3 elementor-widget elementor-widget-html\" data-id=\"fc210d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dt-why\" aria-labelledby=\"why-heading\">\r\n  <span class=\"dt-eyebrow\">Why Digitizer<\/span>\r\n  <h2 class=\"dt-h2\" id=\"why-heading\">Because We Turn Challenges Into <em>Lasting Results<\/em><\/h2>\r\n  <p class=\"dt-sub\">We're not just an agency \u2014 we're your automation partner in long-term growth.<\/p>\r\n\r\n  <div class=\"why-grid\">\r\n    <div class=\"why-card\" tabindex=\"0\">\r\n      <div class=\"why-num\">01<\/div>\r\n      <h3>Complimentary Discovery Call<\/h3>\r\n      <p>Schedule a free strategy session with our automation experts to explore your goals, identify key opportunities, and plan tailored marketing automation solutions for your business.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\" tabindex=\"0\">\r\n      <div class=\"why-num\">02<\/div>\r\n      <h3>Done-For-You Setup<\/h3>\r\n      <p>Our team handles the complete setup, configuration, and automation integration \u2014 ensuring your marketing, CRM, and workflows operate seamlessly from day one.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\" tabindex=\"0\">\r\n      <div class=\"why-num\">03<\/div>\r\n      <h3>Instant Increase in Revenue<\/h3>\r\n      <p>Leverage our AI automation strategies designed to optimize operations, reduce costs, and boost revenue through data-driven execution and continuous optimization.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\" tabindex=\"0\">\r\n      <div class=\"why-num\">04<\/div>\r\n      <h3>Case Studies &amp; Success Stories<\/h3>\r\n      <p>See how our clients achieved measurable growth through Digitizer's marketing automation services and custom automation systems tailored to their industries.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card full\" tabindex=\"0\">\r\n      <div class=\"why-num\">05<\/div>\r\n      <h3>Post-Launch Support<\/h3>\r\n      <p>Enjoy continuous optimization with dedicated automation support \u2014 updates, monitoring, and performance tracking to ensure long-term reliability and results. We stay with you beyond launch.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"dt-divider-section\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3972a9d e-con-full e-flex e-con e-parent\" data-id=\"3972a9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a51981 elementor-widget elementor-widget-html\" data-id=\"4a51981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"dt-testimonials\" aria-labelledby=\"testi-heading\">\r\n  <div class=\"testimonials-head\">\r\n    <span class=\"dt-eyebrow\">Client Testimonials<\/span>\r\n    <h2 class=\"dt-h2\" id=\"testi-heading\"><em>Real Stories<\/em> from Real Clients<\/h2>\r\n\r\n    <div class=\"rating-badges\" style=\"margin-top:20px\">\r\n      <div class=\"rating-badge\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Google 4.8<\/div>\r\n      <div class=\"rating-badge\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Clutch 4.9<\/div>\r\n      <div class=\"rating-badge\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Trustpilot 4.8<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"testi-grid\">\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">Partnering with Digitizer transformed our marketing operations. Their automation setup streamlined our email workflows, resulting in higher lead conversions and better engagement across the board.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\">HJ<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Henry Jenkins<\/div>\r\n          <div class=\"testi-role\">Managing Director, Consulting Firm<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">The AI automation solutions Digitizer implemented helped us cut manual processes in half. Our CRM is now fully synchronized and our team can focus on scaling instead of repetitive tasks.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#F69962,#F51DA6)\">JM<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Jennifer Martinez<\/div>\r\n          <div class=\"testi-role\">CEO, Technology Startup<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">Digitizer built custom workflows that automated reporting, client onboarding, and task management \u2014 saving us hours every week. Exceptional automation partner for growing agencies.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#6C4BFC,#F51DA6)\">DR<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">David Roberts<\/div>\r\n          <div class=\"testi-role\">Managing Partner, Consulting<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">Their marketing automation experts delivered beyond expectations. Our campaigns are now data-driven, personalized, and consistently bringing in qualified leads month after month.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#F69962,#6C4BFC)\">OB<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Olivia Bennett<\/div>\r\n          <div class=\"testi-role\">CEO, Marketing Agency<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">Post-launch automation support from Digitizer has been phenomenal. They continually optimize our systems and keep us ahead with the latest automation tools on the market.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#F51DA6,#6C4BFC)\">EM<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Ethan Marshall<\/div>\r\n          <div class=\"testi-role\">Financial Advisor<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testi-card\">\r\n      <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"testi-text\">With Digitizer CRM Automation, we track leads better, close deals faster, and maintain stronger relationships with our clients. Best investment we've made this year.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#272A52,#6C4BFC)\">WT<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">William Turner<\/div>\r\n          <div class=\"testi-role\">Owner, Retail Business<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c656f1c e-con-full e-flex e-con e-parent\" data-id=\"c656f1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc96367 elementor-widget elementor-widget-html\" data-id=\"dc96367\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  *, *::before, *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  :root {\r\n    --orange: #F69962;\r\n    --pink: #F51DA6;\r\n    --blue-mid: #6C4BFC;\r\n    --dark-blue: #272A52;\r\n    --grad-left: linear-gradient(135deg, #F69962, #F51DA6);\r\n    --grad-mid: linear-gradient(135deg, #6C4BFC, #F51DA6);\r\n    --grad-full: linear-gradient(135deg, #F69962 0%, #F51DA6 45%, #6C4BFC 100%);\r\n    --glass: rgba(255,255,255,0.03);\r\n    --glass-b: rgba(255,255,255,0.07);\r\n  }\r\n\r\n  .dt-cta-section {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 110px 40px;\r\n  }\r\n\r\n  .dt-cta-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 900px;\r\n    height: 460px;\r\n    transform: translateX(-50%);\r\n    background: radial-gradient(ellipse, rgba(108,75,252,0.11), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .dt-cta-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: auto 0 0 0;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,0.07) 30%,\r\n      rgba(108,75,252,0.15) 50%,\r\n      rgba(255,255,255,0.07) 70%,\r\n      transparent\r\n    );\r\n  }\r\n\r\n  .dt-cta-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(70px);\r\n    opacity: 0.45;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .dt-cta-glow1 {\r\n    width: 340px;\r\n    height: 340px;\r\n    background: rgba(245,29,166,0.22);\r\n    top: 15%;\r\n    left: -120px;\r\n  }\r\n\r\n  .dt-cta-glow2 {\r\n    width: 380px;\r\n    height: 380px;\r\n    background: rgba(108,75,252,0.22);\r\n    right: -140px;\r\n    bottom: 10%;\r\n  }\r\n\r\n  .dt-cta-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 460px;\r\n    gap: 70px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .dt-cta-content {\r\n    position: relative;\r\n  }\r\n\r\n  .dt-cta-tag {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .dt-cta-content h2 {\r\n    font-size: clamp(34px, 5vw, 62px);\r\n    font-weight: 900;\r\n    letter-spacing: -2px;\r\n    line-height: 1.05;\r\n    color: #fff;\r\n    margin: 0 0 22px;\r\n    max-width: 720px;\r\n  }\r\n\r\n  .dt-cta-content h2::first-line {\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .dt-cta-content p {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: rgba(255,255,255,0.48);\r\n    line-height: 1.8;\r\n    max-width: 570px;\r\n    margin: 0 0 34px;\r\n  }\r\n\r\n  .dt-cta-benefits {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n    margin-bottom: 38px;\r\n    max-width: 620px;\r\n  }\r\n\r\n  .dt-cta-benefits div {\r\n    padding: 14px 16px;\r\n    border-radius: 14px;\r\n    background: rgba(255,255,255,0.025);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    color: rgba(255,255,255,0.62);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    backdrop-filter: blur(10px);\r\n    transition: transform 0.3s, border-color 0.3s, background 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .dt-cta-benefits div:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(108,75,252,0.25);\r\n    background: rgba(255,255,255,0.05);\r\n    box-shadow: 0 14px 40px rgba(108,75,252,0.12);\r\n  }\r\n\r\n  .dt-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px 30px;\r\n    border-radius: 100px;\r\n    background: var(--grad-mid);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    box-shadow: 0 8px 28px rgba(108,75,252,0.32);\r\n    transition: transform 0.25s, box-shadow 0.25s;\r\n  }\r\n\r\n  .dt-cta-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 14px 38px rgba(108,75,252,0.45);\r\n    color: #fff;\r\n  }\r\n\r\n  .dt-cta-form-wrapper {\r\n    perspective: 1200px;\r\n  }\r\n\r\n  .dt-cta-form {\r\n    position: relative;\r\n    padding: 38px;\r\n    border-radius: 26px;\r\n    background: rgba(255,255,255,0.035);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    backdrop-filter: blur(18px);\r\n    box-shadow:\r\n      0 30px 90px rgba(108,75,252,0.16),\r\n      inset 0 1px 0 rgba(255,255,255,0.06);\r\n    overflow: hidden;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.25s ease, box-shadow 0.35s, border-color 0.35s;\r\n  }\r\n\r\n  .dt-cta-form::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 20% 20%, rgba(246,153,98,0.12), transparent 35%),\r\n      radial-gradient(circle at 80% 0%, rgba(245,29,166,0.14), transparent 38%),\r\n      radial-gradient(circle at 50% 100%, rgba(108,75,252,0.16), transparent 45%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .dt-cta-form::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 26px;\r\n    padding: 1px;\r\n    background: linear-gradient(135deg, rgba(246,153,98,0.35), rgba(245,29,166,0.25), rgba(108,75,252,0.35));\r\n    -webkit-mask:\r\n      linear-gradient(#fff 0 0) content-box,\r\n      linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    pointer-events: none;\r\n    opacity: 0.55;\r\n  }\r\n\r\n  .dt-cta-form:hover {\r\n    border-color: rgba(108,75,252,0.25);\r\n    box-shadow:\r\n      0 36px 110px rgba(108,75,252,0.24),\r\n      0 0 0 1px rgba(108,75,252,0.08),\r\n      inset 0 1px 0 rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .dt-cta-form h3 {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 26px;\r\n    font-weight: 850;\r\n    letter-spacing: -0.8px;\r\n    margin: 0 0 26px;\r\n    background: var(--grad-full);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .dt-cta-form form {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dt-cta-form input,\r\n  .dt-cta-form textarea {\r\n    width: 100%;\r\n    padding: 15px 18px;\r\n    border-radius: 14px;\r\n    border: 1.5px solid rgba(255,255,255,0.09);\r\n    background: rgba(0,0,0,0.22);\r\n    color: #fff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    outline: none;\r\n    transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .dt-cta-form input::placeholder,\r\n  .dt-cta-form textarea::placeholder {\r\n    color: rgba(255,255,255,0.32);\r\n  }\r\n\r\n  .dt-cta-form input:focus,\r\n  .dt-cta-form textarea:focus {\r\n    border-color: rgba(108,75,252,0.55);\r\n    background: rgba(255,255,255,0.045);\r\n    box-shadow: 0 0 0 4px rgba(108,75,252,0.08);\r\n  }\r\n\r\n  .dt-cta-form textarea {\r\n    min-height: 120px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .dt-cta-form button {\r\n    margin-top: 6px;\r\n    padding: 15px 24px;\r\n    border-radius: 100px;\r\n    border: none;\r\n    background: var(--grad-mid);\r\n    color: #fff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    transition: transform 0.25s, box-shadow 0.25s;\r\n  }\r\n\r\n  .dt-cta-form button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 30px rgba(108,75,252,0.42);\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .dt-cta-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n    }\r\n\r\n    .dt-cta-form-wrapper {\r\n      max-width: 560px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .dt-cta-section {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .dt-cta-benefits {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dt-cta-form {\r\n      padding: 28px 22px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .dt-cta-content h2 {\r\n      letter-spacing: -1.3px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"dt-cta-section\">\r\n\r\n    <div class=\"dt-cta-glow dt-cta-glow1\"><\/div>\r\n    <div class=\"dt-cta-glow dt-cta-glow2\"><\/div>\r\n\r\n    <div class=\"dt-cta-container\">\r\n\r\n        <div class=\"dt-cta-content\">\r\n\r\n            <span class=\"dt-cta-tag\">\r\n                LET\u2019S BUILD SOMETHING GREAT\r\n            <\/span>\r\n\r\n            <h2>\r\n                Ready To Transform\r\n                Your Digital Presence?\r\n            <\/h2>\r\n\r\n            <p>\r\n                Let\u2019s create a high-performing website, automation system,\r\n                or digital experience that actually grows your business.\r\n            <\/p>\r\n\r\n            <div class=\"dt-cta-benefits\">\r\n\r\n                <div>\u2714 Premium UI\/UX Design<\/div>\r\n                <div>\u2714 Conversion Focused Strategy<\/div>\r\n                <div>\u2714 AI & Automation Systems<\/div>\r\n                <div>\u2714 Fast Delivery & Support<\/div>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"dt-cta-btn\">\r\n                Book A Free Strategy Call\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"dt-cta-form-wrapper\">\r\n\r\n            <div class=\"dt-cta-form\">\r\n\r\n                <h3>Get In Touch<\/h3>\r\n\r\n                <form>\r\n\r\n                    <input type=\"text\" placeholder=\"Your Name\">\r\n\r\n                    <input type=\"email\" placeholder=\"Email Address\">\r\n\r\n                    <input type=\"text\" placeholder=\"Project Type\">\r\n\r\n                    <textarea placeholder=\"Tell us about your project\"><\/textarea>\r\n\r\n                    <button type=\"submit\">\r\n                        Send Message\r\n                    <\/button>\r\n\r\n                <\/form>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nconst ctaForm = document.querySelector('.dt-cta-form');\r\n\r\nif (ctaForm) {\r\n    ctaForm.addEventListener('mousemove', (e) => {\r\n\r\n        const rect = ctaForm.getBoundingClientRect();\r\n\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n\r\n        const centerX = rect.width \/ 2;\r\n        const centerY = rect.height \/ 2;\r\n\r\n        const rotateX = ((y - centerY) \/ 30);\r\n        const rotateY = ((centerX - x) \/ 30);\r\n\r\n        ctaForm.style.transform =\r\n        `perspective(1200px)\r\n        rotateX(${rotateX}deg)\r\n        rotateY(${rotateY}deg)\r\n        translateY(-10px)`;\r\n\r\n    });\r\n\r\n    ctaForm.addEventListener('mouseleave', () => {\r\n\r\n        ctaForm.style.transform =\r\n        `perspective(1200px)\r\n        rotateX(0deg)\r\n        rotateY(0deg)\r\n        translateY(0px)`;\r\n\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Devtrest \u2014 Section 02: Hero Top Automation Agency Automate Smarter. Grow Faster. A leading Marketing Automation Agency helping businesses automate marketing, sales, and operations \u2014 for smarter, faster, unstoppable growth. Book a Discovery Call See Our Work Certified Partners &amp; Integrations Zapier GoHighLevel Make.com Monday.com ManyChat ClickFunnels Meta Ads WordPress Scroll Devtrest \u2014 Section 03: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/digitizerlabs.com\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;Home&#8221;<\/span><\/a><\/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":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=71"}],"version-history":[{"count":20,"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/digitizerlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}