{"id":13,"date":"2026-07-10T15:09:37","date_gmt":"2026-07-10T15:09:37","guid":{"rendered":"https:\/\/hossammarketer.com\/?page_id=13"},"modified":"2026-08-25T09:24:43","modified_gmt":"2026-08-25T09:24:43","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hossammarketer.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!--\n  Hossam Hassan portfolio \u2014 WordPress Gutenberg Code Editor version.\n  Paste the whole file in the WordPress Code Editor, not the Visual Editor.\n-->\n<div id=\"hh-portfolio\" dir=\"rtl\">\n  <style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lalezar&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\");\n\n    #hh-portfolio {\n      --ink: #0b1220;\n      --ink-2: #121b2e;\n      --ink-3: #1a2740;\n      --paper: #efeae0;\n      --gold: #d4a24c;\n      --gold-soft: #7d6432;\n      --mint: #4fae84;\n      --slate: #8493aa;\n      --line: rgba(239, 234, 224, 0.1);\n      --display: \"Lalezar\", \"Tahoma\", sans-serif;\n      --body: \"IBM Plex Sans Arabic\", \"Tahoma\", sans-serif;\n      --data: \"Space Grotesk\", \"Arial\", sans-serif;\n      --container: 1240px;\n      --radius: 18px;\n      position: relative;\n      width: 100vw;\n      max-width: 100vw;\n      margin-right: calc(50% - 50vw);\n      margin-left: calc(50% - 50vw);\n      overflow: hidden;\n      background: var(--ink);\n      color: var(--paper);\n      font-family: var(--body);\n      font-size: 16px;\n      line-height: 1.7;\n      text-align: right;\n      -webkit-font-smoothing: antialiased;\n      isolation: isolate;\n    }\n\n    #hh-portfolio,\n    #hh-portfolio * {\n      box-sizing: border-box;\n    }\n\n    #hh-portfolio * {\n      margin-top: 0;\n    }\n\n    #hh-portfolio img,\n    #hh-portfolio svg {\n      display: block;\n      max-width: 100%;\n    }\n\n    #hh-portfolio a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #hh-portfolio button {\n      font: inherit;\n    }\n\n    #hh-portfolio .hh-wrap {\n      width: 100%;\n      max-width: var(--container);\n      margin: 0 auto;\n      padding-inline: 32px;\n    }\n\n    #hh-portfolio .hh-eyebrow {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 0;\n      color: var(--gold);\n      font-family: var(--data);\n      font-size: 13px;\n      letter-spacing: 0.1em;\n      line-height: 1.5;\n      text-transform: uppercase;\n    }\n\n    #hh-portfolio .hh-eyebrow::before {\n      width: 26px;\n      height: 1px;\n      background: var(--gold);\n      content: \"\";\n      flex: 0 0 auto;\n    }\n\n    #hh-portfolio .hh-title {\n      margin: 16px 0 0;\n      color: var(--paper);\n      font-family: var(--display);\n      font-size: clamp(30px, 4vw, 46px);\n      font-weight: 400;\n      line-height: 1.3;\n    }\n\n    #hh-portfolio .hh-section {\n      position: relative;\n      padding: 120px 0;\n      background: var(--ink);\n    }\n\n    #hh-portfolio .hh-section-alt {\n      background: var(--ink-2);\n    }\n\n    #hh-portfolio .hh-section-head {\n      max-width: 660px;\n      margin-bottom: 60px;\n    }\n\n    #hh-portfolio .hh-section-head > p:last-child {\n      margin: 16px 0 0;\n      color: var(--slate);\n      font-size: 16px;\n    }\n\n    #hh-portfolio .hh-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 54px;\n      padding: 14px 28px;\n      border: 1px solid transparent;\n      border-radius: 999px;\n      font-weight: 700;\n      font-size: 15px;\n      line-height: 1;\n      white-space: nowrap;\n      transition: transform 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    #hh-portfolio .hh-btn:hover {\n      transform: translateY(-3px);\n    }\n\n    #hh-portfolio .hh-btn-primary {\n      background: var(--gold);\n      color: var(--ink);\n    }\n\n    #hh-portfolio .hh-btn-primary:hover {\n      box-shadow: 0 14px 30px -10px rgba(212, 162, 76, 0.55);\n    }\n\n    #hh-portfolio .hh-btn-ghost {\n      border-color: var(--line);\n      color: var(--paper);\n    }\n\n    #hh-portfolio .hh-btn-ghost:hover {\n      border-color: var(--gold);\n      color: var(--gold);\n    }\n\n    \/* Navigation *\/\n    #hh-portfolio .hh-nav {\n      position: fixed;\n      z-index: 1000;\n      top: 0;\n      right: 0;\n      left: 0;\n      padding: 20px 0;\n      color: var(--paper);\n      transition: padding 0.3s ease, background 0.3s ease, backdrop-filter 0.3s ease;\n    }\n\n    .admin-bar #hh-portfolio .hh-nav {\n      top: 32px;\n    }\n\n    #hh-portfolio .hh-nav.is-scrolled {\n      padding: 12px 0;\n      border-bottom: 1px solid var(--line);\n      background: rgba(11, 18, 32, 0.9);\n      -webkit-backdrop-filter: blur(14px);\n      backdrop-filter: blur(14px);\n    }\n\n    #hh-portfolio .hh-nav-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n    }\n\n    #hh-portfolio .hh-logo {\n      flex: 0 0 auto;\n      color: var(--paper);\n      font-family: var(--display);\n      font-size: 23px;\n      line-height: 1;\n    }\n\n    #hh-portfolio .hh-logo span {\n      color: var(--gold);\n    }\n\n    #hh-portfolio .hh-nav-links {\n      display: flex;\n      align-items: center;\n      gap: 30px;\n      color: var(--slate);\n      font-size: 14px;\n    }\n\n    #hh-portfolio .hh-nav-links > a:not(.hh-btn) {\n      position: relative;\n      transition: color 0.3s ease;\n    }\n\n    #hh-portfolio .hh-nav-links > a:not(.hh-btn):hover {\n      color: var(--paper);\n    }\n\n    #hh-portfolio .hh-nav-toggle {\n      display: none;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 42px;\n      padding: 0;\n      border: 1px solid var(--line);\n      border-radius: 10px;\n      background: transparent;\n      color: var(--paper);\n      cursor: pointer;\n    }\n\n    #hh-portfolio .hh-nav-toggle svg {\n      width: 21px;\n      height: 21px;\n    }\n\n    #hh-portfolio .hh-nav-toggle .hh-close-icon,\n    #hh-portfolio .hh-nav-toggle.is-open .hh-menu-icon {\n      display: none;\n    }\n\n    #hh-portfolio .hh-nav-toggle.is-open .hh-close-icon {\n      display: block;\n    }\n\n    \/* Hero *\/\n    #hh-portfolio .hh-hero {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-height: 100svh;\n      padding: 130px 0 78px;\n      overflow: hidden;\n      background: var(--ink);\n    }\n\n    #hh-portfolio .hh-hero::before {\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(700px 420px at 85% 10%, rgba(212, 162, 76, 0.14), transparent 60%),\n        radial-gradient(600px 500px at 5% 90%, rgba(79, 174, 132, 0.1), transparent 60%);\n      content: \"\";\n      pointer-events: none;\n    }\n\n    #hh-portfolio .hh-hero-grid {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(420px, 0.85fr) minmax(0, 1.15fr);\n      gap: 64px;\n      align-items: center;\n      width: 100%;\n    }\n\n    #hh-portfolio .hh-hero-copy {\n      position: relative;\n      z-index: 2;\n      grid-column: 2;\n      grid-row: 1;\n      min-width: 0;\n    }\n\n    #hh-portfolio .hh-hero-copy h1 {\n      position: relative;\n      z-index: 1;\n      max-width: 700px;\n      margin: 20px 0 24px;\n      color: var(--paper);\n      font-family: var(--display);\n      font-size: clamp(43px, 5.3vw, 76px);\n      font-weight: 400;\n      letter-spacing: 0;\n      line-height: 1.25;\n      overflow-wrap: normal;\n      word-break: normal;\n    }\n\n    #hh-portfolio .hh-hero-copy h1 em {\n      color: var(--gold);\n      font-style: normal;\n    }\n\n    #hh-portfolio .hh-lead {\n      max-width: 590px;\n      margin: 0 0 32px;\n      color: var(--slate);\n      font-size: 18px;\n      line-height: 1.9;\n    }\n\n    #hh-portfolio .hh-hero-actions,\n    #hh-portfolio .hh-contact-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n    }\n\n    #hh-portfolio .hh-hero-actions {\n      margin-bottom: 48px;\n    }\n\n    #hh-portfolio .hh-hero-stats {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 26px;\n    }\n\n    #hh-portfolio .hh-hero-stat {\n      min-width: 118px;\n      padding-left: 20px;\n      border-left: 1px solid var(--line);\n    }\n\n    #hh-portfolio .hh-hero-stat:last-child {\n      padding-left: 0;\n      border-left: 0;\n    }\n\n    #hh-portfolio .hh-stat-number {\n      display: flex;\n      align-items: baseline;\n      gap: 2px;\n      margin: 0;\n      color: var(--paper);\n      font-family: var(--data);\n      font-size: 30px;\n      font-weight: 600;\n      direction: ltr;\n      justify-content: flex-end;\n      line-height: 1.2;\n    }\n\n    #hh-portfolio .hh-stat-number small {\n      color: var(--gold);\n      font-size: 15px;\n    }\n\n    #hh-portfolio .hh-stat-label {\n      margin: 4px 0 0;\n      color: var(--slate);\n      font-size: 13px;\n    }\n\n    #hh-portfolio .hh-hero-visual {\n      position: relative;\n      z-index: 2;\n      grid-column: 1;\n      grid-row: 1;\n      width: 100%;\n      min-width: 0;\n      height: 510px;\n    }\n\n    #hh-portfolio .hh-chart-line {\n      position: absolute;\n      z-index: 0;\n      top: 26px;\n      left: -20px;\n      width: 115%;\n      height: 180px;\n      opacity: 0.75;\n      pointer-events: none;\n    }\n\n    #hh-portfolio .hh-chart-line path {\n      fill: none;\n      stroke: var(--gold);\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-dasharray: 1400;\n      stroke-dashoffset: 1400;\n      animation: hh-draw-line 2.6s cubic-bezier(0.3, 0.8, 0.2, 1) 0.3s forwards;\n    }\n\n    @keyframes hh-draw-line {\n      to { stroke-dashoffset: 0; }\n    }\n\n    #hh-portfolio .hh-float-card {\n      position: absolute;\n      z-index: 2;\n      min-width: 150px;\n      padding: 19px 21px;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--ink-2);\n      box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.65);\n      direction: ltr;\n      text-align: left;\n    }\n\n    #hh-portfolio .hh-float-card .hh-tag {\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      margin: 0 0 8px;\n      color: var(--mint);\n      font-family: var(--data);\n      font-size: 12px;\n    }\n\n    #hh-portfolio .hh-float-card .hh-tag::after {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n      content: \"\";\n    }\n\n    #hh-portfolio .hh-float-card .hh-big {\n      margin: 0;\n      color: var(--paper);\n      font-family: var(--data);\n      font-size: 29px;\n      font-weight: 600;\n      line-height: 1.25;\n    }\n\n    #hh-portfolio .hh-card-1 { top: 15px; right: 6%; width: 218px; }\n    #hh-portfolio .hh-card-2 { top: 225px; left: 4%; width: 190px; }\n    #hh-portfolio .hh-card-3 { top: 128px; right: 0; width: 172px; }\n    #hh-portfolio .hh-card-3 .hh-tag { color: var(--gold); }\n\n    #hh-portfolio .hh-photo-card {\n      top: 345px;\n      right: 15%;\n      width: 230px;\n      height: 154px;\n      padding: 0;\n      overflow: hidden;\n      direction: rtl;\n      text-align: center;\n    }\n\n    #hh-portfolio .hh-img-slot {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      width: 100%;\n      height: 100%;\n      padding: 18px;\n      border: 1.5px dashed var(--gold-soft);\n      background: var(--ink-3);\n      color: var(--slate);\n      font-family: var(--data);\n      font-size: 12px;\n      line-height: 1.5;\n      text-align: center;\n    }\n\n    #hh-portfolio .hh-img-slot svg {\n      width: 27px;\n      height: 27px;\n      color: var(--gold);\n    }\n\n    #hh-portfolio .hh-ticker {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      overflow: hidden;\n      padding: 19px 0;\n      border-top: 1px solid var(--line);\n    }\n\n    #hh-portfolio .hh-ticker-track,\n    #hh-portfolio .hh-clients-track {\n      display: flex;\n      align-items: center;\n      gap: 56px;\n      width: max-content;\n      direction: ltr;\n      animation: hh-ticker 28s linear infinite;\n    }\n\n    #hh-portfolio .hh-ticker-track span {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      color: var(--slate);\n      font-family: var(--data);\n      font-size: 13px;\n      white-space: nowrap;\n    }\n\n    #hh-portfolio .hh-ticker-track b {\n      color: var(--paper);\n      font-weight: 500;\n    }\n\n    #hh-portfolio .hh-ticker-track i {\n      color: var(--mint);\n      font-style: normal;\n    }\n\n    @keyframes hh-ticker {\n      to { transform: translateX(-50%); }\n    }\n\n    \/* About *\/\n    #hh-portfolio .hh-about-grid {\n      display: grid;\n      grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);\n      gap: 70px;\n      align-items: center;\n    }\n\n    #hh-portfolio .hh-about-panel {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 440px;\n      padding: 28px;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--ink-2);\n    }\n\n    #hh-portfolio .hh-mini-chart {\n      display: flex;\n      flex: 1;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #hh-portfolio .hh-about-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-top: 17px;\n      border-top: 1px solid var(--line);\n      color: var(--gold);\n      font-size: 13px;\n    }\n\n    #hh-portfolio .hh-about-text > p {\n      max-width: 590px;\n      margin: 0 0 17px;\n      color: var(--slate);\n      font-size: 16px;\n    }\n\n    #hh-portfolio .hh-about-text .hh-title {\n      margin-bottom: 23px;\n    }\n\n    #hh-portfolio .hh-platforms {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 11px;\n      margin-top: 28px;\n    }\n\n    #hh-portfolio .hh-platforms span {\n      padding: 8px 17px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      color: var(--paper);\n      font-family: var(--data);\n      font-size: 12px;\n      direction: ltr;\n    }\n\n    \/* Services *\/\n    #hh-portfolio .hh-services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 24px;\n    }\n\n    #hh-portfolio .hh-service-card {\n      padding: 32px 27px;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--ink);\n      transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;\n    }\n\n    #hh-portfolio .hh-service-card:hover {\n      transform: translateY(-7px);\n      border-color: var(--gold-soft);\n      background: var(--ink-3);\n    }\n\n    #hh-portfolio .hh-service-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 46px;\n      height: 46px;\n      margin-bottom: 20px;\n      border-radius: 12px;\n      background: rgba(212, 162, 76, 0.12);\n      color: var(--gold);\n    }\n\n    #hh-portfolio .hh-service-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    #hh-portfolio .hh-service-card h3 {\n      margin: 0 0 10px;\n      color: var(--paper);\n      font-family: var(--body);\n      font-size: 19px;\n      font-weight: 700;\n      line-height: 1.45;\n    }\n\n    #hh-portfolio .hh-service-card p {\n      margin: 0;\n      color: var(--slate);\n      font-size: 14px;\n    }\n\n    \/* Results *\/\n    #hh-portfolio .hh-results-strip {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 1px;\n      margin-bottom: 66px;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--line);\n    }\n\n    #hh-portfolio .hh-result-cell {\n      padding: 34px 23px;\n      background: var(--ink-2);\n      text-align: center;\n    }\n\n    #hh-portfolio .hh-result-cell .hh-stat-number {\n      justify-content: center;\n      color: var(--gold);\n      font-size: clamp(29px, 4vw, 43px);\n    }\n\n    #hh-portfolio .hh-result-cell .hh-stat-label {\n      margin-top: 9px;\n    }\n\n    #hh-portfolio .hh-case-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 24px;\n    }\n\n    #hh-portfolio .hh-case-card {\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--ink-2);\n    }\n\n    #hh-portfolio .hh-case-media {\n      aspect-ratio: 16 \/ 10;\n      background: var(--ink-3);\n    }\n\n    #hh-portfolio .hh-case-body {\n      padding: 23px 23px 27px;\n    }\n\n    #hh-portfolio .hh-case-body .hh-eyebrow {\n      margin-bottom: 9px;\n      font-size: 11px;\n    }\n\n    #hh-portfolio .hh-case-body h3 {\n      margin: 0 0 8px;\n      color: var(--paper);\n      font-family: var(--body);\n      font-size: 17px;\n      font-weight: 700;\n      line-height: 1.5;\n    }\n\n    #hh-portfolio .hh-case-body > p {\n      margin: 0 0 15px;\n      color: var(--slate);\n      font-size: 14px;\n    }\n\n    #hh-portfolio .hh-case-metric {\n      display: block;\n      width: 100%;\n      padding-top: 13px;\n      border-top: 1px solid var(--line);\n      color: var(--mint);\n      font-family: var(--data);\n      font-size: 13px;\n      direction: rtl;\n    }\n\n    \/* Process *\/\n    #hh-portfolio .hh-process-list {\n      position: relative;\n      max-width: 760px;\n    }\n\n    #hh-portfolio .hh-process-list::before {\n      position: absolute;\n      top: 0;\n      right: 27px;\n      bottom: 0;\n      width: 1px;\n      background: var(--line);\n      content: \"\";\n    }\n\n    #hh-portfolio .hh-process-item {\n      position: relative;\n      display: grid;\n      grid-template-columns: 56px minmax(0, 1fr);\n      gap: 25px;\n      padding-bottom: 50px;\n    }\n\n    #hh-portfolio .hh-process-item:last-child {\n      padding-bottom: 0;\n    }\n\n    #hh-portfolio .hh-process-num {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 56px;\n      height: 56px;\n      border: 1px solid var(--gold-soft);\n      border-radius: 50%;\n      background: var(--ink-2);\n      color: var(--gold);\n      font-family: var(--data);\n      font-size: 13px;\n      direction: ltr;\n    }\n\n    #hh-portfolio .hh-process-item h3 {\n      margin: 0 0 7px;\n      color: var(--paper);\n      font-family: var(--body);\n      font-size: 19px;\n      font-weight: 700;\n    }\n\n    #hh-portfolio .hh-process-item p {\n      max-width: 620px;\n      margin: 0;\n      color: var(--slate);\n      font-size: 15px;\n    }\n\n    \/* Clients *\/\n    #hh-portfolio .hh-clients {\n      overflow: hidden;\n      padding: 37px 0;\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n      background: var(--ink);\n    }\n\n    #hh-portfolio .hh-client-name {\n      color: var(--slate);\n      font-family: var(--data);\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: 0.05em;\n      opacity: 0.65;\n      white-space: nowrap;\n    }\n\n    \/* Testimonials *\/\n    #hh-portfolio .hh-testi-row {\n      display: flex;\n      gap: 22px;\n      margin-inline: -32px;\n      padding: 0 32px 11px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n    }\n\n    #hh-portfolio .hh-testi-card {\n      display: flex;\n      flex: 0 0 340px;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 280px;\n      padding: 28px;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--ink-2);\n      scroll-snap-align: start;\n    }\n\n    #hh-portfolio .hh-quote {\n      margin: 0 0 25px;\n      color: var(--paper);\n      font-size: 15px;\n      line-height: 1.9;\n    }\n\n    #hh-portfolio .hh-person {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n    }\n\n    #hh-portfolio .hh-avatar {\n      display: flex;\n      flex: 0 0 45px;\n      align-items: center;\n      justify-content: center;\n      width: 45px;\n      height: 45px;\n      border-radius: 50%;\n      background: var(--gold);\n      color: var(--ink);\n      font-family: var(--data);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    #hh-portfolio .hh-person b,\n    #hh-portfolio .hh-person span {\n      display: block;\n    }\n\n    #hh-portfolio .hh-person b {\n      color: var(--paper);\n      font-size: 14px;\n    }\n\n    #hh-portfolio .hh-person span {\n      color: var(--slate);\n      font-size: 12px;\n    }\n\n    \/* Contact *\/\n    #hh-portfolio .hh-contact {\n      padding: 120px 0 36px;\n      background:\n        radial-gradient(700px 300px at 50% 0%, rgba(212, 162, 76, 0.11), transparent 70%),\n        var(--ink);\n      text-align: center;\n    }\n\n    #hh-portfolio .hh-contact .hh-eyebrow {\n      justify-content: center;\n    }\n\n    #hh-portfolio .hh-contact h2 {\n      max-width: 800px;\n      margin: 17px auto 20px;\n      color: var(--paper);\n      font-family: var(--display);\n      font-size: clamp(36px, 6vw, 64px);\n      font-weight: 400;\n      line-height: 1.3;\n    }\n\n    #hh-portfolio .hh-contact > .hh-wrap > p {\n      max-width: 540px;\n      margin: 0 auto 36px;\n      color: var(--slate);\n      font-size: 17px;\n    }\n\n    #hh-portfolio .hh-contact-actions {\n      justify-content: center;\n      margin-bottom: 65px;\n    }\n\n    #hh-portfolio .hh-foot-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      padding-top: 30px;\n      border-top: 1px solid var(--line);\n      color: var(--slate);\n      font-size: 13px;\n    }\n\n    #hh-portfolio .hh-socials {\n      display: flex;\n      gap: 20px;\n    }\n\n    #hh-portfolio .hh-socials a:hover {\n      color: var(--gold);\n    }\n\n    #hh-portfolio .hh-reveal {\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity 0.75s ease, transform 0.75s ease;\n    }\n\n    #hh-portfolio .hh-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (max-width: 1000px) {\n      #hh-portfolio .hh-hero-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #hh-portfolio .hh-hero-copy {\n        grid-column: 1;\n      }\n\n      #hh-portfolio .hh-hero-visual {\n        display: none;\n      }\n\n      #hh-portfolio .hh-about-grid {\n        grid-template-columns: minmax(270px, 0.8fr) minmax(0, 1.2fr);\n        gap: 45px;\n      }\n    }\n\n    @media (max-width: 900px) {\n      #hh-portfolio .hh-nav-links {\n        position: fixed;\n        z-index: 999;\n        inset: 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 26px;\n        background: var(--ink);\n        font-size: 21px;\n        opacity: 0;\n        pointer-events: none;\n        transform: translateY(-100%);\n        transition: opacity 0.35s ease, transform 0.45s ease;\n      }\n\n      #hh-portfolio .hh-nav-links.is-open {\n        opacity: 1;\n        pointer-events: auto;\n        transform: translateY(0);\n      }\n\n      #hh-portfolio .hh-nav-toggle {\n        position: relative;\n        z-index: 1001;\n        display: flex;\n      }\n\n      #hh-portfolio .hh-services-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #hh-portfolio .hh-case-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 782px) {\n      .admin-bar #hh-portfolio .hh-nav {\n        top: 46px;\n      }\n    }\n\n    @media (max-width: 720px) {\n      #hh-portfolio .hh-wrap {\n        padding-inline: 20px;\n      }\n\n      #hh-portfolio .hh-section {\n        padding: 86px 0;\n      }\n\n      #hh-portfolio .hh-hero {\n        min-height: auto;\n        padding: 125px 0 100px;\n      }\n\n      #hh-portfolio .hh-hero-copy h1 {\n        font-size: clamp(39px, 12vw, 60px);\n      }\n\n      #hh-portfolio .hh-about-grid,\n      #hh-portfolio .hh-services-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #hh-portfolio .hh-about-panel {\n        min-height: 370px;\n      }\n\n      #hh-portfolio .hh-results-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #hh-portfolio .hh-testi-row {\n        margin-inline: -20px;\n        padding-inline: 20px;\n      }\n\n      #hh-portfolio .hh-testi-card {\n        flex-basis: min(330px, calc(100vw - 52px));\n      }\n\n      #hh-portfolio .hh-foot-row {\n        flex-direction: column;\n        text-align: center;\n      }\n    }\n\n    @media (max-width: 460px) {\n      #hh-portfolio .hh-hero-actions .hh-btn,\n      #hh-portfolio .hh-contact-actions .hh-btn {\n        width: 100%;\n      }\n\n      #hh-portfolio .hh-hero-stats {\n        gap: 20px 12px;\n      }\n\n      #hh-portfolio .hh-hero-stat {\n        width: calc(50% - 6px);\n        min-width: 0;\n      }\n\n      #hh-portfolio .hh-results-strip {\n        grid-template-columns: 1fr;\n      }\n\n      #hh-portfolio .hh-process-item {\n        gap: 17px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #hh-portfolio *,\n      #hh-portfolio *::before,\n      #hh-portfolio *::after {\n        scroll-behavior: auto !important;\n        animation-duration: 0.001ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.001ms !important;\n      }\n    }\n  <\/style>\n\n  <header class=\"hh-nav\" id=\"hh-site-nav\">\n    <div class=\"hh-wrap hh-nav-row\">\n      <a class=\"hh-logo\" href=\"#hh-top\">\u062d\u0633\u0627\u0645 <span>\u062d\u0633\u0646<\/span><\/a>\n      <nav class=\"hh-nav-links\" id=\"hh-nav-links\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\">\n        <a href=\"#hh-about\">\u0646\u0628\u0630\u0629<\/a>\n        <a href=\"\/\u062e\u062f\u0645\u0627\u062a\/\">\u062e\u062f\u0645\u0627\u062a<\/a>\n        <a href=\"\/\u0646\u062a\u0627\u0626\u062c\/\">\u0646\u062a\u0627\u0626\u062c<\/a>\n        <a href=\"\/\u0637\u0631\u064a\u0642\u0629-\u0627\u0644\u0639\u0645\u0644\/\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644<\/a>\n        <a href=\"#hh-testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n        <a class=\"hh-btn hh-btn-primary\" href=\"#hh-contact\">\u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0644\u0645\u0629<\/a>\n      <\/nav>\n      <button class=\"hh-nav-toggle\" id=\"hh-nav-toggle\" type=\"button\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-controls=\"hh-nav-links\" aria-expanded=\"false\">\n        <svg class=\"hh-menu-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\">\n          <line x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\"><\/line>\n          <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\n          <line x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\"><\/line>\n        <\/svg>\n        <svg class=\"hh-close-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\">\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hh-hero\" id=\"hh-top\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-hero-grid\">\n          <div class=\"hh-hero-copy\">\n            <p class=\"hh-eyebrow\">MEDIA BUYER \u2014 \u0625\u062f\u0627\u0631\u0629 \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629<\/p>\n            <h1>\u0643\u0644 \u062c\u0646\u064a\u0647 \u0641\u064a \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643<br>\u064a\u0634\u062a\u063a\u0644 \u0644\u0635\u0627\u0644\u062d \u0631\u0642\u0645 \u0648\u0627\u062d\u062f: <em>\u0627\u0644\u0639\u0627\u0626\u062f<\/em><\/h1>\n            <p class=\"hh-lead\">\u0628\u062f\u064a\u0631 \u062d\u0645\u0644\u0627\u062a\u0643 \u0639\u0644\u0649 \u0645\u064a\u062a\u0627 \u0648\u062c\u0648\u062c\u0644 \u0648\u062a\u064a\u0643 \u062a\u0648\u0643 \u0628\u0639\u0642\u0644\u064a\u0629 \u0628\u062a\u0631\u0627\u0642\u0628 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0623\u0648\u0644 \u0628\u0623\u0648\u0644\u060c \u0648\u0628\u0642\u0631\u0631 \u0623\u0648\u0642\u0641\u060c \u0623\u0632\u0648\u062f\u060c \u0623\u0648 \u0623\u063a\u064a\u0651\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0634 \u0625\u062d\u0633\u0627\u0633.<\/p>\n            <div class=\"hh-hero-actions\">\n              <a class=\"hh-btn hh-btn-primary\" href=\"#hh-results\">\u0634\u0648\u0641 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/a>\n              <a class=\"hh-btn hh-btn-ghost\" href=\"#hh-contact\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n            <\/div>\n            <div class=\"hh-hero-stats\">\n              <div class=\"hh-hero-stat\">\n                <p class=\"hh-stat-number\"><span data-hh-count=\"6.8\" data-hh-decimals=\"1\">6.8<\/span><small>x<\/small><\/p>\n                <p class=\"hh-stat-label\">\u0645\u062a\u0648\u0633\u0637 ROAS<\/p>\n              <\/div>\n              <div class=\"hh-hero-stat\">\n                <p class=\"hh-stat-number\"><span data-hh-count=\"120\">120<\/span><small>K+$<\/small><\/p>\n                <p class=\"hh-stat-label\">\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u064f\u062f\u0627\u0631\u0629<\/p>\n              <\/div>\n              <div class=\"hh-hero-stat\">\n                <p class=\"hh-stat-number\"><span data-hh-count=\"85\">85<\/span><small>+<\/small><\/p>\n                <p class=\"hh-stat-label\">\u062d\u0645\u0644\u0629 \u0646\u0627\u062c\u062d\u0629<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hh-hero-visual\" aria-label=\"\u0645\u0644\u062e\u0635 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\">\n            <svg class=\"hh-chart-line\" viewBox=\"0 0 600 200\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n              <path d=\"M0,160 C80,150 120,120 180,110 C240,100 260,60 320,55 C380,50 400,90 460,70 C520,50 540,20 600,10\"><\/path>\n            <\/svg>\n            <div class=\"hh-float-card hh-card-1\">\n              <p class=\"hh-tag\">Conversions<\/p>\n              <p class=\"hh-big\">+64%<\/p>\n            <\/div>\n            <div class=\"hh-float-card hh-card-2\">\n              <p class=\"hh-tag\">CTR<\/p>\n              <p class=\"hh-big\">4.3%<\/p>\n            <\/div>\n            <div class=\"hh-float-card hh-card-3\">\n              <p class=\"hh-tag\">CPA<\/p>\n              <p class=\"hh-big\">-38%<\/p>\n            <\/div>\n            <div class=\"hh-float-card hh-photo-card\">\n              <div class=\"hh-img-slot\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\">\n                  <path d=\"M4 7h3l1.5-2h7L17 7h3a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z\"><\/path>\n                  <circle cx=\"12\" cy=\"13\" r=\"3.5\"><\/circle>\n                <\/svg>\n                <span>\u0635\u0648\u0631\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0647\u0646\u0627<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hh-ticker\" aria-hidden=\"true\">\n        <div class=\"hh-ticker-track\">\n          <span>META ADS <b>ROAS 8.9x<\/b> <i>\u2191<\/i><\/span>\n          <span>TIKTOK ADS <b>CPA -41%<\/b> <i>\u2191<\/i><\/span>\n          <span>GOOGLE ADS <b>CTR 4.6%<\/b> <i>\u2191<\/i><\/span>\n          <span>SNAPCHAT ADS <b>ROAS 7.8x<\/b> <i>\u2191<\/i><\/span>\n          <span>META ADS <b>ROAS 8.9x<\/b> <i>\u2191<\/i><\/span>\n          <span>TIKTOK ADS <b>CPA -41%<\/b> <i>\u2191<\/i><\/span>\n          <span>GOOGLE ADS <b>CTR 4.6%<\/b> <i>\u2191<\/i><\/span>\n          <span>SNAPCHAT ADS <b>ROAS 7.8x<\/b> <i>\u2191<\/i><\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hh-section\" id=\"hh-about\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-about-grid\">\n          <div class=\"hh-about-panel hh-reveal\">\n            <div class=\"hh-mini-chart\">\n              <svg viewBox=\"0 0 200 140\" width=\"80%\" aria-label=\"\u0631\u0633\u0645 \u0628\u064a\u0627\u0646\u064a \u062a\u0635\u0627\u0639\u062f\u064a\">\n                <line x1=\"0\" y1=\"120\" x2=\"200\" y2=\"120\" stroke=\"var(--line)\" stroke-width=\"1\"><\/line>\n                <line x1=\"0\" y1=\"80\" x2=\"200\" y2=\"80\" stroke=\"var(--line)\" stroke-width=\"1\"><\/line>\n                <line x1=\"0\" y1=\"40\" x2=\"200\" y2=\"40\" stroke=\"var(--line)\" stroke-width=\"1\"><\/line>\n                <rect x=\"14\" y=\"70\" width=\"20\" height=\"50\" rx=\"3\" fill=\"var(--gold-soft)\" opacity=\".55\"><\/rect>\n                <rect x=\"48\" y=\"45\" width=\"20\" height=\"75\" rx=\"3\" fill=\"var(--gold)\"><\/rect>\n                <rect x=\"82\" y=\"58\" width=\"20\" height=\"62\" rx=\"3\" fill=\"var(--gold-soft)\" opacity=\".55\"><\/rect>\n                <rect x=\"116\" y=\"20\" width=\"20\" height=\"100\" rx=\"3\" fill=\"var(--gold)\"><\/rect>\n                <rect x=\"150\" y=\"35\" width=\"20\" height=\"85\" rx=\"3\" fill=\"var(--mint)\"><\/rect>\n                <path d=\"M14,60 L48,40 L82,50 L116,15 L150,28\" fill=\"none\" stroke=\"var(--paper)\" stroke-width=\"1.6\" stroke-linecap=\"round\" opacity=\".7\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"hh-about-badge\">\u2713 \u0645\u0646 \u0648\u0627\u0642\u0639 \u0627\u0644\u0623\u0631\u0642\u0627\u0645\u060c \u0645\u0634 \u0645\u0646 \u0627\u0644\u0643\u0644\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631<\/div>\n          <\/div>\n\n          <div class=\"hh-about-text hh-reveal\">\n            <p class=\"hh-eyebrow\">\u0646\u0628\u0630\u0629 \u0639\u0646\u064a<\/p>\n            <h2 class=\"hh-title\">\u0628\u0642\u0627\u0644\u064a \u0633\u0646\u064a\u0646 \u0628\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0644\u0646\u062a\u064a\u062c\u0629<\/h2>\n            <p>\u0634\u063a\u0644\u064a \u0645\u0634 \u062a\u0635\u0645\u064a\u0645 \u0625\u0639\u0644\u0627\u0646 \u062d\u0644\u0648 \u0628\u0633\u060c \u0634\u063a\u0644\u064a \u0625\u0646\u064a \u0623\u0641\u0647\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0627\u0644\u0643\u0627\u0645\u0644: \u0645\u064a\u0646 \u0627\u0644\u0644\u064a \u0647\u064a\u0634\u0648\u0641 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u060c \u0647\u064a\u062a\u0641\u0627\u0639\u0644 \u0644\u064a\u0647\u060c \u0648\u0647\u064a\u0634\u062a\u0631\u064a \u0625\u0645\u062a\u0649. \u0645\u0646 \u0647\u0646\u0627 \u0628\u064a\u0628\u062f\u0623 \u0627\u0644\u062a\u062e\u0637\u064a\u0637.<\/p>\n            <p>\u0628\u0634\u062a\u063a\u0644 \u0628\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u062a\u062d\u0644\u064a\u0644 \u0645\u0633\u062a\u0645\u0631: \u0628\u062c\u0631\u0628 \u0632\u0648\u0627\u064a\u0627 \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0628\u0642\u064a\u0633 \u0643\u0644 \u0631\u0642\u0645\u060c \u0648\u0628\u0648\u0642\u0641 \u0627\u0644\u0644\u064a \u0645\u0634 \u0628\u064a\u062c\u064a\u0628 \u0646\u062a\u064a\u062c\u0629 \u0628\u0633\u0631\u0639\u0629 \u0639\u0634\u0627\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u0631\u0648\u062d \u0644\u0644\u064a \u0634\u063a\u0627\u0644 \u0641\u0639\u0644\u0627\u064b.<\/p>\n            <div class=\"hh-platforms\">\n              <span>Meta Ads<\/span><span>Google Ads<\/span><span>TikTok Ads<\/span><span>Snapchat Ads<\/span><span>GA4 &amp; Tag Manager<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hh-section hh-section-alt\" id=\"hh-services\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-section-head hh-reveal\">\n          <p class=\"hh-eyebrow\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\n          <h2 class=\"hh-title\">\u0643\u0644 \u062d\u0627\u062c\u0629 \u0645\u062d\u062a\u0627\u062c\u0647\u0627 \u0639\u0634\u0627\u0646 \u062d\u0645\u0644\u062a\u0643 \u062a\u0643\u0628\u0631<\/h2>\n          <p>\u0645\u0634 \u0628\u0642\u062f\u0645\u0644\u0643 \u062e\u062f\u0645\u0629 \u0645\u0646\u0641\u0635\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u0627\u0646\u064a\u0629\u060c \u0643\u0644 \u062d\u0627\u062c\u0629 \u0628\u062a\u062e\u062f\u0645 \u0647\u062f\u0641 \u0648\u0627\u062d\u062f: \u0639\u0627\u0626\u062f \u0623\u0639\u0644\u0649 \u0639\u0644\u0649 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a.<\/p>\n        <\/div>\n        <div class=\"hh-services-grid\">\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M4 19V9M12 19V4M20 19v-7\"><\/path><\/svg><\/div>\n            <h3>\u0625\u062f\u0627\u0631\u0629 \u062d\u0645\u0644\u0627\u062a Meta \u0648TikTok<\/h3>\n            <p>\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u062f\u0642\u064a\u0642\u060c \u0627\u062e\u062a\u0628\u0627\u0631 \u0625\u0628\u062f\u0627\u0639\u064a \u0645\u0633\u062a\u0645\u0631\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0623\u0633\u0628\u0648\u0639\u064a \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0645\u064a\u0646.<\/p>\n          <\/article>\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M21 21l-4.3-4.3\"><\/path><\/svg><\/div>\n            <h3>\u062d\u0645\u0644\u0627\u062a \u0628\u062d\u062b Google Ads<\/h3>\n            <p>\u0648\u0635\u0648\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u0644\u062d\u0638\u0629 \u0642\u0631\u0627\u0631\u0647\u060c \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0644\u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0642\u0631\u0629.<\/p>\n          <\/article>\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M3 12h4l3 8 4-16 3 8h4\"><\/path><\/svg><\/div>\n            <h3>\u062a\u062d\u0633\u064a\u0646 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 CRO<\/h3>\n            <p>\u0645\u0631\u0627\u062c\u0639\u0629 \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0644\u0644\u0635\u0641\u062d\u0629 \u0644\u0644\u0634\u0631\u0627\u0621\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0633\u0631\u064a\u0628 \u0648\u062d\u0644\u0647\u0627.<\/p>\n          <\/article>\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect><\/svg><\/div>\n            <h3>\u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631<\/h3>\n            <p>\u062a\u0642\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a \u0648\u0634\u0647\u0631\u064a \u0648\u0627\u0636\u062d: \u0625\u064a\u0647 \u0627\u0644\u0644\u064a \u0634\u063a\u0627\u0644\u060c \u0625\u064a\u0647 \u0627\u0644\u0644\u064a \u0645\u062d\u062a\u0627\u062c \u062a\u0639\u062f\u064a\u0644\u060c \u0648\u0625\u064a\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062c\u0627\u064a\u0629.<\/p>\n          <\/article>\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z\"><\/path><\/svg><\/div>\n            <h3>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c<\/h3>\n            <p>\u062e\u0637\u0629 \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0644\u0644\u062a\u0648\u0633\u0639\u060c \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.<\/p>\n          <\/article>\n          <article class=\"hh-service-card hh-reveal\">\n            <div class=\"hh-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 20V10M18 20V4M6 20v-4\"><\/path><\/svg><\/div>\n            <h3>\u062a\u062a\u0628\u0651\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 GA4 \u0648Pixel<\/h3>\n            <p>\u0636\u0628\u0637 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062a\u0628\u0639 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0645\u0646 \u0627\u0644\u0623\u0648\u0644 \u0639\u0634\u0627\u0646 \u0643\u0644 \u0642\u0631\u0627\u0631 \u064a\u062a\u0627\u062e\u062f \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062f\u0642\u064a\u0642\u0629 100%.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hh-section\" id=\"hh-results\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-section-head hh-reveal\">\n          <p class=\"hh-eyebrow\">\u0646\u062a\u0627\u0626\u062c \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/p>\n          <h2 class=\"hh-title\">\u0645\u0634 \u0647\u0642\u0648\u0644\u0643 \u0634\u063a\u0644 \u0632\u064a\u0646\u060c \u0647\u0648\u0631\u064a\u0643 \u0627\u0644\u0631\u0642\u0645<\/h2>\n        <\/div>\n        <div class=\"hh-results-strip hh-reveal\">\n          <div class=\"hh-result-cell\">\n            <p class=\"hh-stat-number\"><span data-hh-count=\"120\">120<\/span><small>K+$<\/small><\/p>\n            <p class=\"hh-stat-label\">\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u0645\u062a \u0625\u062f\u0627\u0631\u062a\u0647\u0627<\/p>\n          <\/div>\n          <div class=\"hh-result-cell\">\n            <p class=\"hh-stat-number\"><small>x<\/small><span data-hh-count=\"6.8\" data-hh-decimals=\"1\">6.8<\/span><\/p>\n            <p class=\"hh-stat-label\">\u0645\u062a\u0648\u0633\u0637 ROAS \u0627\u0644\u0645\u064f\u062d\u0642\u0642<\/p>\n          <\/div>\n          <div class=\"hh-result-cell\">\n            <p class=\"hh-stat-number\"><span data-hh-count=\"85\">85<\/span><small>+<\/small><\/p>\n            <p class=\"hh-stat-label\">\u062d\u0645\u0644\u0629 \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627<\/p>\n          <\/div>\n          <div class=\"hh-result-cell\">\n            <p class=\"hh-stat-number\"><span data-hh-count=\"30\">30<\/span><small>+<\/small><\/p>\n            <p class=\"hh-stat-label\">\u0628\u0631\u0627\u0646\u062f \u0639\u0645\u0644 \u0645\u0639\u0627\u064a\u0627<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"hh-case-grid\">\n          <article class=\"hh-case-card hh-reveal\">\n            <div class=\"hh-case-media\"><div class=\"hh-img-slot\">\u0633\u0643\u0631\u064a\u0646 \u0634\u0648\u062a \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062d\u0645\u0644\u0629<\/div><\/div>\n            <div class=\"hh-case-body\">\n              <p class=\"hh-eyebrow\">\u0623\u0648\u0631\u0627 \u0647\u0648\u0645<\/p>\n              <h3>\u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f<\/h3>\n              <p>\u0643\u0627\u0646\u062a \u0627\u0644\u062a\u062d\u062f\u064a \u0625\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u062d\u062f\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0648\u0642 \u0645\u0632\u062f\u062d\u0645\u060c \u0631\u0643\u0632\u0646\u0627 \u0639\u0644\u0649 \u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0636\u064a\u0642 \u0648\u0627\u062e\u062a\u0628\u0627\u0631 \u0633\u0631\u064a\u0639 \u0644\u0644\u0625\u0628\u062f\u0627\u0639\u0627\u062a.<\/p>\n              <span class=\"hh-case-metric\">\u2191 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a <b>212%<\/b> \u062e\u0644\u0627\u0644 45 \u064a\u0648\u0645<\/span>\n            <\/div>\n          <\/article>\n          <article class=\"hh-case-card hh-reveal\">\n            <div class=\"hh-case-media\"><div class=\"hh-img-slot\">\u0633\u0643\u0631\u064a\u0646 \u0634\u0648\u062a \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062d\u0645\u0644\u0629<\/div><\/div>\n            <div class=\"hh-case-body\">\n              <p class=\"hh-eyebrow\">\u062a\u0650\u0643 \u0632\u0648\u0646<\/p>\n              <h3>\u062a\u062e\u0641\u064a\u0636 \u062a\u0643\u0644\u0641\u0629 \u0627\u0643\u062a\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\n              <p>\u0623\u0639\u062f\u0646\u0627 \u0647\u064a\u0643\u0644\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0623\u0648\u0642\u0641\u0646\u0627 \u0643\u0644 \u0645\u062c\u0645\u0648\u0639\u0629 \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0636\u0639\u064a\u0641\u0629 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u0631\u0643\u0632\u0646\u0627 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0641\u0636\u0644.<\/p>\n              <span class=\"hh-case-metric\">\u2193 \u062a\u062e\u0641\u064a\u0636 CPA <b>41%<\/b> \u062e\u0644\u0627\u0644 \u0634\u0647\u0631\u064a\u0646<\/span>\n            <\/div>\n          <\/article>\n          <article class=\"hh-case-card hh-reveal\">\n            <div class=\"hh-case-media\"><div class=\"hh-img-slot\">\u0633\u0643\u0631\u064a\u0646 \u0634\u0648\u062a \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062d\u0645\u0644\u0629<\/div><\/div>\n            <div class=\"hh-case-body\">\n              <p class=\"hh-eyebrow\">\u0644\u0648\u0645\u064a \u0643\u0648\u0632\u0645\u062a\u0643\u0633<\/p>\n              <h3>\u062a\u0648\u0633\u0639 \u0641\u064a \u0633\u0648\u0642 \u062c\u062f\u064a\u062f<\/h3>\n              <p>\u062f\u062e\u0644\u0646\u0627 \u0633\u0648\u0642 \u062c\u062f\u064a\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u062e\u062a\u0628\u0627\u0631 \u0635\u063a\u064a\u0631\u0629\u060c \u0648\u062d\u062f\u062f\u0646\u0627 \u0623\u0641\u0636\u0644 \u0634\u0631\u064a\u062d\u0629 \u0642\u0628\u0644 \u0636\u062e \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.<\/p>\n              <span class=\"hh-case-metric\">\u2191 \u0639\u0627\u0626\u062f \u0625\u0639\u0644\u0627\u0646\u064a <b>9.4x<\/b> \u062e\u0644\u0627\u0644 90 \u064a\u0648\u0645<\/span>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hh-section hh-section-alt\" id=\"hh-process\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-section-head hh-reveal\">\n          <p class=\"hh-eyebrow\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644<\/p>\n          <h2 class=\"hh-title\">4 \u062e\u0637\u0648\u0627\u062a\u060c \u0645\u0627 \u0641\u064a\u0634 \u0639\u0634\u0648\u0627\u0626\u064a\u0629<\/h2>\n        <\/div>\n        <div class=\"hh-process-list\">\n          <div class=\"hh-process-item hh-reveal\"><span class=\"hh-process-num\">01<\/span><div><h3>\u062a\u062d\u0644\u064a\u0644 \u0648\u062f\u0631\u0627\u0633\u0629<\/h3><p>\u0628\u0641\u0647\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u060c \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0642\u0628\u0644 \u0645\u0627 \u0623\u0643\u062a\u0628 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u062d\u062f\u0629.<\/p><\/div><\/div>\n          <div class=\"hh-process-item hh-reveal\"><span class=\"hh-process-num\">02<\/span><div><h3>\u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\u0629<\/h3><p>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0646\u0635\u0627\u062a\u060c \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0627\u0644\u0644\u064a \u0647\u0646\u062e\u062a\u0628\u0631\u0647\u0627 \u0627\u0644\u0623\u0648\u0644.<\/p><\/div><\/div>\n          <div class=\"hh-process-item hh-reveal\"><span class=\"hh-process-num\">03<\/span><div><h3>\u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/h3><p>\u0645\u0631\u0627\u0642\u0628\u0629 \u064a\u0648\u0645\u064a\u0629\u060c \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0636\u0639\u064a\u0641\u060c \u0648\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0642\u0648\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629.<\/p><\/div><\/div>\n          <div class=\"hh-process-item hh-reveal\"><span class=\"hh-process-num\">04<\/span><div><h3>\u062a\u0642\u0631\u064a\u0631 \u0648\u062a\u0648\u0633\u0639<\/h3><p>\u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u0636\u062d \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u0648\u062e\u0637\u0629 \u0644\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062c\u0627\u064a\u0629: \u062a\u0648\u0633\u0639\u060c \u0633\u0648\u0642 \u062c\u062f\u064a\u062f\u060c \u0623\u0648 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f.<\/p><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"hh-clients\" aria-label=\"\u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\">\n      <div class=\"hh-clients-track\">\n        <span class=\"hh-client-name\">Aura Home<\/span><span class=\"hh-client-name\">TechZone<\/span><span class=\"hh-client-name\">Lum\u00e9 Cosmetics<\/span><span class=\"hh-client-name\">Grill &amp; Co<\/span><span class=\"hh-client-name\">Nova Fit<\/span><span class=\"hh-client-name\">Orbit Store<\/span><span class=\"hh-client-name\">Cedar Caf\u00e9<\/span><span class=\"hh-client-name\">Pixel Wear<\/span>\n        <span class=\"hh-client-name\">Aura Home<\/span><span class=\"hh-client-name\">TechZone<\/span><span class=\"hh-client-name\">Lum\u00e9 Cosmetics<\/span><span class=\"hh-client-name\">Grill &amp; Co<\/span><span class=\"hh-client-name\">Nova Fit<\/span><span class=\"hh-client-name\">Orbit Store<\/span><span class=\"hh-client-name\">Cedar Caf\u00e9<\/span><span class=\"hh-client-name\">Pixel Wear<\/span>\n      <\/div>\n    <\/div>\n\n    <section class=\"hh-section\" id=\"hh-testimonials\">\n      <div class=\"hh-wrap\">\n        <div class=\"hh-section-head hh-reveal\">\n          <p class=\"hh-eyebrow\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\n          <h2 class=\"hh-title\">\u0643\u0644\u0627\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0635\u062f\u0642 \u0645\u0646 \u0643\u0644\u0627\u0645\u064a<\/h2>\n        <\/div>\n        <div class=\"hh-testi-row\">\n          <article class=\"hh-testi-card\"><p class=\"hh-quote\">\u00ab\u062d\u0633\u0627\u0645 \u0642\u0644\u0628 \u062d\u0645\u0644\u0627\u062a\u0646\u0627 \u0631\u0623\u0633\u064b\u0627 \u0639\u0644\u0649 \u0639\u0642\u0628. \u0645\u0646 \u0623\u0648\u0644 \u0634\u0647\u0631 \u0634\u063a\u0644 \u0645\u0639\u0627\u0646\u0627 \u0632\u0648\u062f\u0646\u0627 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a 3 \u0623\u0636\u0639\u0627\u0641 \u0648\u0642\u0644\u0644\u0646\u0627 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d.\u00bb<\/p><div class=\"hh-person\"><span class=\"hh-avatar\">\u0645.\u064a<\/span><div><b>\u0645\u062d\u0645\u062f \u0627\u0644\u064a\u0627\u0641\u0639\u064a<\/b><span>\u0645\u0624\u0633\u0633 \u0645\u062a\u062c\u0631 \u0639\u0637\u0648\u0631 \u0623\u0648\u0631\u0627 \u0647\u0648\u0645<\/span><\/div><\/div><\/article>\n          <article class=\"hh-testi-card\"><p class=\"hh-quote\">\u00ab\u0623\u0643\u062a\u0631 \u062d\u0627\u062c\u0629 \u0639\u062c\u0628\u062a\u0646\u064a \u0625\u0646\u0647 \u0628\u064a\u0628\u0639\u062a \u062a\u0642\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a \u0648\u0627\u0636\u062d \u0648\u0628\u064a\u0634\u0631\u062d \u0644\u064a\u0647 \u0648\u0642\u0641 \u062d\u0645\u0644\u0629 \u0645\u0639\u064a\u0646\u0629 \u0623\u0648 \u0632\u0648\u062f \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u0627\u0646\u064a\u0629. \u0645\u0641\u064a\u0634 \u063a\u0645\u0648\u0636 \u0641\u064a \u0627\u0644\u0634\u063a\u0644 \u062e\u0627\u0644\u0635.\u00bb<\/p><div class=\"hh-person\"><span class=\"hh-avatar\" style=\"background:#4fae84\">\u0633.\u062d<\/span><div><b>\u0633\u0627\u0631\u0629 \u0627\u0644\u062d\u0644\u0628\u064a<\/b><span>\u0645\u062f\u064a\u0631\u0629 \u062a\u0633\u0648\u064a\u0642\u060c \u0644\u0648\u0645\u064a \u0643\u0648\u0632\u0645\u062a\u0643\u0633<\/span><\/div><\/div><\/article>\n          <article class=\"hh-testi-card\"><p class=\"hh-quote\">\u00ab\u0643\u0646\u0627 \u0628\u0646\u062f\u0641\u0639 \u0641\u0644\u0648\u0633 \u0643\u062a\u064a\u0631 \u0639\u0644\u0649 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u0634 \u0631\u0627\u062c\u0639\u0629 \u0628\u0646\u062a\u064a\u062c\u0629. \u062d\u0633\u0627\u0645 \u0623\u0639\u0627\u062f \u0647\u064a\u0643\u0644\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0643\u0644\u0647\u0627 \u0648\u0642\u0644\u0644\u0646\u0627 \u062a\u0643\u0644\u0641\u0629 \u0627\u0643\u062a\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u064a\u0644 \u062d\u0648\u0627\u0644\u064a \u0627\u0644\u0646\u0635.\u00bb<\/p><div class=\"hh-person\"><span class=\"hh-avatar\" style=\"background:#8493aa\">\u0623.\u0641<\/span><div><b>\u0623\u062d\u0645\u062f \u0641\u062a\u062d\u064a<\/b><span>\u0635\u0627\u062d\u0628 \u0645\u0637\u0639\u0645 Grill &amp; Co<\/span><\/div><\/div><\/article>\n          <article class=\"hh-testi-card\"><p class=\"hh-quote\">\u00ab\u062f\u062e\u0644\u0646\u0627 \u0633\u0648\u0642 \u062c\u062f\u064a\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0646 \u063a\u064a\u0631 \u0645\u0627 \u0646\u062d\u0631\u0642 \u0645\u064a\u0632\u0627\u0646\u064a\u0629. \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0643\u0627\u0646 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0642\u0628\u0644 \u0636\u062e \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0648\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.\u00bb<\/p><div class=\"hh-person\"><span class=\"hh-avatar\">\u062e.\u0645<\/span><div><b>\u062e\u0627\u0644\u062f \u0645\u0646\u0635\u0648\u0631<\/b><span>\u0645\u0624\u0633\u0633 \u0628\u0631\u0627\u0646\u062f Pixel Wear<\/span><\/div><\/div><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"hh-contact\" id=\"hh-contact\">\n    <div class=\"hh-wrap\">\n      <p class=\"hh-eyebrow\">\u062c\u0627\u0647\u0632 \u0646\u0628\u062f\u0623\u061f<\/p>\n      <h2>\u064a\u0644\u0627 \u0646\u062d\u0648\u0644 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0644\u0646\u062a\u064a\u062c\u0629 \u062a\u0642\u062f\u0631 \u062a\u0642\u064a\u0633\u0647\u0627<\/h2>\n      <p>\u0645\u0643\u0627\u0644\u0645\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 20 \u062f\u0642\u064a\u0642\u0629\u060c \u0647\u0646\u0631\u0627\u062c\u0639 \u0641\u064a\u0647\u0627 \u0648\u0636\u0639 \u062d\u0645\u0644\u0627\u062a\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0646\u062d\u062f\u062f \u0641\u0631\u0635 \u0627\u0644\u062a\u062d\u0633\u064a\u0646.<\/p>\n      <div class=\"hh-contact-actions\">\n        <a class=\"hh-btn hh-btn-primary\" href=\"mailto:info@hossamhassan.com\">\u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0644\u0645\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n        <a class=\"hh-btn hh-btn-ghost\" href=\"https:\/\/wa.me\/20000000000\" target=\"_blank\" rel=\"noopener\">\u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0628\u0627\u0634\u0631<\/a>\n      <\/div>\n      <div class=\"hh-foot-row\">\n        <span>\u00a9 2026 \u062d\u0633\u0627\u0645 \u062d\u0633\u0646. \u0643\u0644 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/span>\n        <div class=\"hh-socials\"><a href=\"#\">Instagram<\/a><a href=\"#\">LinkedIn<\/a><a href=\"#\">TikTok<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (() => {\n      const root = document.getElementById('hh-portfolio');\n      if (!root || root.dataset.ready === 'true') return;\n      root.dataset.ready = 'true';\n\n      const nav = root.querySelector('#hh-site-nav');\n      const toggle = root.querySelector('#hh-nav-toggle');\n      const links = root.querySelector('#hh-nav-links');\n\n      const setMenu = (open) => {\n        toggle.classList.toggle('is-open', open);\n        links.classList.toggle('is-open', open);\n        toggle.setAttribute('aria-expanded', String(open));\n        toggle.setAttribute('aria-label', open ? '\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629' : '\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629');\n      };\n\n      toggle.addEventListener('click', () => setMenu(!links.classList.contains('is-open')));\n      links.querySelectorAll('a').forEach((link) => link.addEventListener('click', () => setMenu(false)));\n\n      const updateNav = () => nav.classList.toggle('is-scrolled', window.scrollY > 20);\n      updateNav();\n      window.addEventListener('scroll', updateNav, { passive: true });\n\n      root.querySelectorAll('a[href^=\"#hh-\"]').forEach((link) => {\n        link.addEventListener('click', (event) => {\n          const target = document.querySelector(link.getAttribute('href'));\n          if (!target) return;\n          event.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n      });\n\n      const revealItems = root.querySelectorAll('.hh-reveal');\n      const counters = root.querySelectorAll('[data-hh-count]');\n\n      if (!('IntersectionObserver' in window)) {\n        revealItems.forEach((item) => item.classList.add('is-visible'));\n        counters.forEach((item) => { item.textContent = item.dataset.hhCount; });\n        return;\n      }\n\n      const revealObserver = new IntersectionObserver((entries, observer) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: 0.12 });\n      revealItems.forEach((item) => revealObserver.observe(item));\n\n      const countObserver = new IntersectionObserver((entries, observer) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          const el = entry.target;\n          const end = Number(el.dataset.hhCount || 0);\n          const decimals = Number(el.dataset.hhDecimals || 0);\n          const duration = 1100;\n          const startTime = performance.now();\n          const animate = (now) => {\n            const progress = Math.min((now - startTime) \/ duration, 1);\n            const eased = 1 - Math.pow(1 - progress, 3);\n            el.textContent = (end * eased).toFixed(decimals);\n            if (progress < 1) requestAnimationFrame(animate);\n          };\n          requestAnimationFrame(animate);\n          observer.unobserve(el);\n        });\n      }, { threshold: 0.4 });\n      counters.forEach((item) => countObserver.observe(item));\n    })();\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0633\u0627\u0645 \u062d\u0633\u0646 \u0646\u0628\u0630\u0629 \u062e\u062f\u0645\u0627\u062a \u0646\u062a\u0627\u0626\u062c \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0644\u0645\u0629 MEDIA BUYER \u2014 \u0625\u062f\u0627\u0631\u0629 \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0643\u0644 \u062c\u0646\u064a\u0647 \u0641\u064a \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643\u064a\u0634\u062a\u063a\u0644 \u0644\u0635\u0627\u0644\u062d \u0631\u0642\u0645 \u0648\u0627\u062d\u062f: \u0627\u0644\u0639\u0627\u0626\u062f \u0628\u062f\u064a\u0631 \u062d\u0645\u0644\u0627\u062a\u0643 \u0639\u0644\u0649 \u0645\u064a\u062a\u0627 \u0648\u062c\u0648\u062c\u0644 \u0648\u062a\u064a\u0643 \u062a\u0648\u0643 \u0628\u0639\u0642\u0644\u064a\u0629 \u0628\u062a\u0631\u0627\u0642\u0628 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0623\u0648\u0644 \u0628\u0623\u0648\u0644\u060c \u0648\u0628\u0642\u0631\u0631 \u0623\u0648\u0642\u0641\u060c \u0623\u0632\u0648\u062f\u060c \u0623\u0648 \u0623\u063a\u064a\u0651\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0634 \u0625\u062d\u0633\u0627\u0633. \u0634\u0648\u0641 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 6.8x&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"hussamhassn010@gmail.com","author_link":"https:\/\/hossammarketer.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u062d\u0633\u0627\u0645 \u062d\u0633\u0646 \u0646\u0628\u0630\u0629 \u062e\u062f\u0645\u0627\u062a \u0646\u062a\u0627\u0626\u062c \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0644\u0645\u0629 MEDIA BUYER \u2014 \u0625\u062f\u0627\u0631\u0629 \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0643\u0644 \u062c\u0646\u064a\u0647 \u0641\u064a \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643\u064a\u0634\u062a\u063a\u0644 \u0644\u0635\u0627\u0644\u062d \u0631\u0642\u0645 \u0648\u0627\u062d\u062f: \u0627\u0644\u0639\u0627\u0626\u062f \u0628\u062f\u064a\u0631 \u062d\u0645\u0644\u0627\u062a\u0643 \u0639\u0644\u0649 \u0645\u064a\u062a\u0627 \u0648\u062c\u0648\u062c\u0644 \u0648\u062a\u064a\u0643 \u062a\u0648\u0643 \u0628\u0639\u0642\u0644\u064a\u0629 \u0628\u062a\u0631\u0627\u0642\u0628 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0623\u0648\u0644 \u0628\u0623\u0648\u0644\u060c \u0648\u0628\u0642\u0631\u0631 \u0623\u0648\u0642\u0641\u060c \u0623\u0632\u0648\u062f\u060c \u0623\u0648 \u0623\u063a\u064a\u0651\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0634 \u0625\u062d\u0633\u0627\u0633. \u0634\u0648\u0641 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 6.8x...","_links":{"self":[{"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hossammarketer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":41,"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/hossammarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/hossammarketer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}