{"id":2608,"date":"2026-02-02T19:01:01","date_gmt":"2026-02-02T19:01:01","guid":{"rendered":"https:\/\/maroufturk.com\/?page_id=2608"},"modified":"2026-02-02T21:14:55","modified_gmt":"2026-02-02T21:14:55","slug":"miss-elegance-offer","status":"publish","type":"page","link":"https:\/\/maroufturk.com\/it\/miss-elegance-offer\/","title":{"rendered":"Miss Elegance Offer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2608\" class=\"elementor elementor-2608\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec7f655 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ec7f655\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cdff73b\" data-id=\"cdff73b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5984418 elementor-widget elementor-widget-html\" data-id=\"5984418\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================\nMAROUFTURK | OFFER HERO (RTL + Arabic) | FULL-BLEED + NO WHITE GUTTERS (ALL SIDES)\nPaste into ONE Elementor HTML widget.\n\u2705 No logos\n\u2705 Removed \"\u0639\u0631\u0636 \u0645\u0642\u062a\u0631\u062d\" block\n\u2705 White + Orange theme\n\u2705 Price: 28,000 SAR\n\u2705 ZERO white space (right\/left\/top\/bottom) by forcing 100vw + negative margins + zero outer spacing\n\u2705 Mobile order: (Title\/Lead\/Bullets\/Price+Buttons) -> THEN the media mock -> THEN meta\n======================= -->\n<section class=\"maroufturk-offer-hero\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u0644\u0644\u0639\u0631\u0636\">\n  <div class=\"maroufturk-offer-hero__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"maroufturk-offer-hero__wrap\">\n    <!-- Brand bar (NO LOGOS) -->\n    <div class=\"maroufturk-offer-hero__brandbar\" aria-label=\"\u0634\u0631\u064a\u0637 \u0627\u0644\u0647\u0648\u064a\u0629\">\n      <div class=\"maroufturk-offer-hero__brand\">\n        <div class=\"maroufturk-offer-hero__brandtext\">\n          <div class=\"maroufturk-offer-hero__brandname\">MAROUFTURK<\/div>\n          <div class=\"maroufturk-offer-hero__brandsub\">\u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- GRID: left + right(media) + meta (reordered on mobile) -->\n    <div class=\"maroufturk-offer-hero__grid\">\n      <!-- LEFT -->\n      <div class=\"maroufturk-offer-hero__left\">\n        <div class=\"maroufturk-offer-hero__kicker\">\n          <span class=\"maroufturk-offer-hero__kdot\" aria-hidden=\"true\"><\/span>\n          \u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\n        <\/div>\n\n        <h1 class=\"maroufturk-offer-hero__title\">\n          \u062a\u0637\u0628\u064a\u0642 <span class=\"maroufturk-offer-hero__accent\">\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span> \u0627\u062d\u062a\u0631\u0627\u0641\u064a\n          <br \/>\n          \u0644\u0646\u0638\u0627\u0645\u064a iOS \u0648 Android\n        <\/h1>\n\n        <p class=\"maroufturk-offer-hero__lead\">\n          \u0633\u0646\u0642\u0648\u0645 \u0628\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0648\u0642 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u062a\u0639\u0643\u0633 \u0639\u0644\u0627\u0645\u062a\u0643\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c\n          \u0648\u062a\u0632\u064a\u062f \u0645\u0646 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u060c \u0648\u062a\u062a\u0643\u0627\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0623\u0646\u0638\u0645\u062a\u0643\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u2014\n          \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flutter \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0631\u0639\u0629\u060c \u0627\u0644\u062a\u0646\u0627\u0633\u0642\u060c \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639.\n        <\/p>\n\n        <div class=\"maroufturk-offer-hero__bullets\" role=\"list\">\n          <div class=\"maroufturk-offer-hero__bullet\" role=\"listitem\">\n            <span class=\"maroufturk-offer-hero__check\" aria-hidden=\"true\"><\/span>\n            \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0627\u062e\u0631\u0629 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643\u0645\n          <\/div>\n          <div class=\"maroufturk-offer-hero__bullet\" role=\"listitem\">\n            <span class=\"maroufturk-offer-hero__check\" aria-hidden=\"true\"><\/span>\n            \u0646\u0638\u0627\u0645 \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644: \u062a\u0635\u0641\u062d \u2192 \u0633\u0644\u0629 \u2192 \u062f\u0641\u0639 \u2192 \u0637\u0644\u0628\u0627\u062a\n          <\/div>\n          <div class=\"maroufturk-offer-hero__bullet\" role=\"listitem\">\n            <span class=\"maroufturk-offer-hero__check\" aria-hidden=\"true\"><\/span>\n            12 \u0634\u0647\u0631 \u062f\u0639\u0645 \u0648\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u0634\u0645\u0648\u0644\u0629\n          <\/div>\n        <\/div>\n\n        <div class=\"maroufturk-offer-hero__ctaRow\">\n          <div class=\"maroufturk-offer-hero__priceCard\" aria-label=\"\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0639\u0631\">\n            <div class=\"maroufturk-offer-hero__priceLabel\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/div>\n            <div class=\"maroufturk-offer-hero__priceValue\">28,000 \u0631.\u0633<\/div>\n            <div class=\"maroufturk-offer-hero__priceNote\">\u064a\u0634\u0645\u0644 \u0633\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/div>\n          <\/div>\n\n          <button\n            class=\"maroufturk-offer-hero__cta\"\n            type=\"button\"\n            data-mt-modal-open=\"scope\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtModal\"\n          >\n            \u0639\u0631\u0636 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\n            <span class=\"maroufturk-offer-hero__ctaArrow\" aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n\n          <button\n            class=\"maroufturk-offer-hero__cta maroufturk-offer-hero__cta--ghost\"\n            type=\"button\"\n            data-mt-modal-open=\"pricing\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtModal\"\n          >\n            \u0627\u0644\u0633\u0639\u0631 \u0648\u0627\u0644\u062f\u0639\u0645\n            <span class=\"maroufturk-offer-hero__ctaArrow\" aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT (MEDIA) - will appear AFTER price on mobile -->\n      <div class=\"maroufturk-offer-hero__right\" aria-hidden=\"true\">\n        <div class=\"maroufturk-offer-hero__glass\">\n          <div class=\"maroufturk-offer-hero__ring maroufturk-offer-hero__ring--a\"><\/div>\n          <div class=\"maroufturk-offer-hero__ring maroufturk-offer-hero__ring--b\"><\/div>\n          <div class=\"maroufturk-offer-hero__ring maroufturk-offer-hero__ring--c\"><\/div>\n\n          <div class=\"maroufturk-offer-hero__mock\">\n            <div class=\"maroufturk-offer-hero__mockTop\">\n              <div class=\"maroufturk-offer-hero__pill\"><\/div>\n              <div class=\"maroufturk-offer-hero__pill maroufturk-offer-hero__pill--short\"><\/div>\n            <\/div>\n\n            <div class=\"maroufturk-offer-hero__mockBody\">\n              <div class=\"maroufturk-offer-hero__card\">\n                <div class=\"maroufturk-offer-hero__cardBadge\">\u0645\u0645\u064a\u0632<\/div>\n                <div class=\"maroufturk-offer-hero__cardTitle\"><\/div>\n                <div class=\"maroufturk-offer-hero__cardLines\">\n                  <span><\/span><span><\/span><span><\/span>\n                <\/div>\n                <div class=\"maroufturk-offer-hero__cardRow\">\n                  <div class=\"maroufturk-offer-hero__chip\"><\/div>\n                  <div class=\"maroufturk-offer-hero__chip maroufturk-offer-hero__chip--alt\"><\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"maroufturk-offer-hero__stats\">\n                <div class=\"maroufturk-offer-hero__stat\">\n                  <div class=\"maroufturk-offer-hero__statK\">\u0627\u0644\u0623\u062f\u0627\u0621<\/div>\n                  <div class=\"maroufturk-offer-hero__bar\"><span><\/span><\/div>\n                <\/div>\n                <div class=\"maroufturk-offer-hero__stat\">\n                  <div class=\"maroufturk-offer-hero__statK\">\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u062d\u0648\u064a\u0644<\/div>\n                  <div class=\"maroufturk-offer-hero__bar maroufturk-offer-hero__bar--b\"><span><\/span><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"maroufturk-offer-hero__shine\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- META (after media on mobile) -->\n      <div class=\"maroufturk-offer-hero__meta\" aria-label=\"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0633\u0631\u064a\u0639\u0629\">\n        <div class=\"maroufturk-offer-hero__metaItem\">\n          <span class=\"maroufturk-offer-hero__metaKey\">\u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/span>\n          <span class=\"maroufturk-offer-hero__metaVal\">iOS + Android (Flutter)<\/span>\n        <\/div>\n        <div class=\"maroufturk-offer-hero__metaItem\">\n          <span class=\"maroufturk-offer-hero__metaKey\">\u0627\u0644\u062f\u0639\u0645<\/span>\n          <span class=\"maroufturk-offer-hero__metaVal\">12 \u0634\u0647\u0631 \u0645\u0634\u0645\u0648\u0644<\/span>\n        <\/div>\n        <div class=\"maroufturk-offer-hero__metaItem\">\n          <span class=\"maroufturk-offer-hero__metaKey\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\n          <span class=\"maroufturk-offer-hero__metaVal\">\u0646\u0633\u062e \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0637\u0644\u0627\u0642<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== Modal (Popup) ===== -->\n  <div class=\"mt-modal\" id=\"mtModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0631\u0636\">\n    <div class=\"mt-modal__overlay\" data-mt-modal-close><\/div>\n\n    <div class=\"mt-modal__panel\" role=\"document\" tabindex=\"-1\">\n      <div class=\"mt-modal__top\">\n        <div class=\"mt-modal__title\" id=\"mtModalTitle\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/div>\n        <button class=\"mt-modal__close\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\" data-mt-modal-close>\u2715<\/button>\n      <\/div>\n\n      <div class=\"mt-modal__body\" id=\"mtModalBody\"><\/div>\n\n      <div class=\"mt-modal__bottom\">\n        <button class=\"mt-modal__btn\" type=\"button\" data-mt-modal-close>\u0625\u063a\u0644\u0627\u0642<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================================================\n     ABSOLUTE NO-WHITESPACE \/ NO-GUTTERS (ALL SIDES)\n     - Full bleed horizontally using 100vw + negative margins\n     - Zero outer spacing (top\/bottom) on the section\n     - Also kills padding\/margins that Elementor wrappers might add\n  ========================================================= *\/\n  .maroufturk-offer-hero{\n    --bg:#ffffff;\n    --text:#121212;\n    --muted:rgba(18,18,18,.72);\n\n    --orange:#ff6a00;\n    --orange-2:#ff8a1f;\n    --orange-3:#ffb266;\n\n    position: relative;\n\n    \/* FULL BLEED left\/right (removes container gutters) *\/\n    left: 50%;\n    right: 50%;\n    width: 100vw !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n\n    \/* NO SPACE top\/bottom *\/\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n    overflow: hidden;\n\n    background: var(--bg);\n    color: var(--text);\n\n    direction: rtl;\n    text-align: right;\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans Arabic\", \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n  }\n\n  \/* Extra safety: remove spacing from common Elementor wrappers above\/below this section *\/\n  .maroufturk-offer-hero,\n  .maroufturk-offer-hero *{\n    box-sizing: border-box;\n    border: 0 !important;\n    outline: none;\n  }\n\n  \/* Background *\/\n  .maroufturk-offer-hero__bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(1100px 560px at 15% 18%, rgba(255,106,0,.16), rgba(255,255,255,0) 60%),\n      radial-gradient(900px 520px at 90% 12%, rgba(255,138,31,.14), rgba(255,255,255,0) 58%),\n      radial-gradient(720px 460px at 78% 82%, rgba(255,178,102,.12), rgba(255,255,255,0) 55%),\n      linear-gradient(180deg, #ffffff 0%, #fff5ea 70%, #ffffff 100%);\n  }\n\n  \/* Wrap (keep internal breathing room while outer is zero) *\/\n  .maroufturk-offer-hero__wrap{\n    position: relative;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: clamp(14px, 2vw, 22px) clamp(14px, 2.2vw, 24px);\n  }\n\n  \/* Brand bar *\/\n  .maroufturk-offer-hero__brandbar{\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n    padding: 14px 16px;\n    background: rgba(255,255,255,.86);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 18px 60px rgba(10,10,10,.08);\n  }\n\n  .maroufturk-offer-hero__brandname{\n    font-weight: 950;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(18,18,18,.92);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .maroufturk-offer-hero__brandsub{\n    margin-top: 2px;\n    font-size: 12px;\n    color: rgba(18,18,18,.62);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  \/* GRID AREAS (desktop and mobile order) *\/\n  .maroufturk-offer-hero__grid{\n    display:grid;\n    gap: clamp(18px, 3vw, 42px);\n    padding-top: clamp(14px, 2.2vw, 22px);\n    align-items: start;\n\n    grid-template-columns: 1.2fr .8fr;\n    grid-template-areas:\n      \"left  right\"\n      \"meta  right\";\n  }\n  .maroufturk-offer-hero__left{ grid-area:left; }\n  .maroufturk-offer-hero__right{ grid-area:right; display:flex; justify-content:center; align-items:center; }\n  .maroufturk-offer-hero__meta{ grid-area:meta; }\n\n  \/* Kicker *\/\n  .maroufturk-offer-hero__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap: 10px;\n    padding: 8px 12px;\n    background: rgba(255,106,0,.08);\n    box-shadow: 0 18px 60px rgba(10,10,10,.07);\n    color: rgba(18,18,18,.86);\n    text-transform: uppercase;\n    letter-spacing: .14em;\n    font-weight: 900;\n    font-size: 11px;\n  }\n  .maroufturk-offer-hero__kdot{\n    width: 10px; height: 10px; border-radius: 999px;\n    background: radial-gradient(circle at 30% 30%, #ffffff, var(--orange));\n    box-shadow: 0 0 0 7px rgba(255,106,0,.14);\n  }\n\n  \/* Title *\/\n  .maroufturk-offer-hero__title{\n    margin: 14px 0 0;\n    font-size: clamp(28px, 4.2vw, 54px);\n    line-height: 1.08;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    color: rgba(18,18,18,.96);\n  }\n  .maroufturk-offer-hero__accent{\n    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-2) 55%, var(--orange-3) 110%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    text-shadow: 0 16px 60px rgba(255,106,0,.14);\n  }\n\n  .maroufturk-offer-hero__lead{\n    margin: 14px 0 0;\n    max-width: 62ch;\n    font-size: clamp(15px, 1.45vw, 18px);\n    line-height: 1.85;\n    color: var(--muted);\n  }\n\n  \/* Bullets *\/\n  .maroufturk-offer-hero__bullets{\n    margin-top: 18px;\n    display:grid;\n    gap: 10px;\n    max-width: 68ch;\n  }\n  .maroufturk-offer-hero__bullet{\n    display:flex;\n    align-items:flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    background: rgba(255,255,255,.88);\n    box-shadow: 0 14px 40px rgba(10,10,10,.08);\n  }\n  .maroufturk-offer-hero__check{\n    width: 18px; height: 18px;\n    margin-top: 2px;\n    border-radius: 6px;\n    background: linear-gradient(135deg, rgba(255,106,0,.92), rgba(255,138,31,.70));\n    position: relative;\n    flex: 0 0 18px;\n  }\n  .maroufturk-offer-hero__check:after{\n    content:\"\";\n    position:absolute;\n    width: 9px; height: 5px;\n    border-left: 2px solid #ffffff;\n    border-bottom: 2px solid #ffffff;\n    transform: rotate(-45deg);\n    top: 6px; left: 4px;\n    opacity: .95;\n  }\n\n  \/* CTA row *\/\n  .maroufturk-offer-hero__ctaRow{\n    margin-top: 18px;\n    display:flex;\n    align-items: stretch;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n  .maroufturk-offer-hero__priceCard{\n    flex: 1 1 280px;\n    padding: 14px 16px;\n    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.84));\n    box-shadow: 0 24px 80px rgba(10,10,10,.10);\n    position: relative;\n    overflow:hidden;\n  }\n  .maroufturk-offer-hero__priceCard:before{\n    content:\"\";\n    position:absolute;\n    left:0; right:0; top:0;\n    height: 4px;\n    background: linear-gradient(90deg, rgba(255,255,255,0), var(--orange), var(--orange-2), rgba(255,255,255,0));\n    opacity: .95;\n  }\n  .maroufturk-offer-hero__priceLabel{\n    font-size: 12px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(18,18,18,.62);\n    font-weight: 900;\n  }\n  .maroufturk-offer-hero__priceValue{\n    margin-top: 6px;\n    font-size: clamp(26px, 3.1vw, 40px);\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    line-height: 1.05;\n    color: rgba(18,18,18,.96);\n  }\n  .maroufturk-offer-hero__priceNote{\n    margin-top: 6px;\n    color: rgba(18,18,18,.62);\n    font-size: 13px;\n  }\n\n  .maroufturk-offer-hero__cta{\n    flex: 0 1 220px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap: 10px;\n    padding: 14px 16px;\n    cursor: pointer;\n\n    text-decoration:none !important;\n    color: #ffffff;\n    font-weight: 950;\n    letter-spacing: .02em;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.18);\n\n    transform: translateZ(0);\n    transition: transform .25s ease, filter .25s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .maroufturk-offer-hero__cta:before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background: radial-gradient(240px 120px at 20% 10%, rgba(255,255,255,.55), rgba(255,255,255,0) 55%);\n    opacity:.55;\n    transform: translateX(-25%);\n    transition: transform .45s ease;\n  }\n  .maroufturk-offer-hero__cta:hover{ transform: translateY(-2px); filter: saturate(1.08) contrast(1.05); }\n  .maroufturk-offer-hero__cta:hover:before{ transform: translateX(10%); }\n  .maroufturk-offer-hero__cta:active{ transform: translateY(0px) scale(.99); }\n\n  .maroufturk-offer-hero__cta--ghost{\n    color: rgba(18,18,18,.92);\n    background: rgba(255,106,0,.10);\n    box-shadow: 0 18px 44px rgba(10,10,10,.08);\n  }\n  .maroufturk-offer-hero__cta--ghost:before{\n    background: radial-gradient(240px 120px at 20% 10%, rgba(255,106,0,.22), rgba(255,255,255,0) 60%);\n    opacity:.65;\n  }\n  .maroufturk-offer-hero__ctaArrow{ font-size: 18px; line-height: 1; transform: translateY(-1px); }\n\n  \/* Meta *\/\n  .maroufturk-offer-hero__meta{\n    margin-top: 16px;\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px;\n  }\n  .maroufturk-offer-hero__metaItem{\n    padding: 12px 12px;\n    background: rgba(255,255,255,.88);\n    box-shadow: 0 14px 40px rgba(10,10,10,.07);\n  }\n  .maroufturk-offer-hero__metaKey{\n    display:block;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: .14em;\n    color: rgba(18,18,18,.56);\n    font-weight: 950;\n  }\n  .maroufturk-offer-hero__metaVal{\n    display:block;\n    margin-top: 6px;\n    font-size: 13px;\n    color: rgba(18,18,18,.90);\n    font-weight: 800;\n    line-height: 1.6;\n  }\n\n  \/* Right visual *\/\n  .maroufturk-offer-hero__glass{\n    width: min(420px, 100%);\n    aspect-ratio: 1\/1.05;\n    position: relative;\n    background: rgba(255,255,255,.75);\n    box-shadow: 0 24px 80px rgba(10,10,10,.10);\n    overflow:hidden;\n    transform: translateZ(0);\n  }\n\n  .maroufturk-offer-hero__shine{\n    position:absolute;\n    inset:-40% -40%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 35%, rgba(255,106,0,.18) 50%, rgba(255,255,255,0) 65%);\n    transform: rotate(20deg);\n    animation: mtShine 6.5s linear infinite;\n    opacity: .75;\n  }\n\n  .maroufturk-offer-hero__ring{\n    position:absolute;\n    border-radius: 999px;\n    box-shadow: 0 0 0 12px rgba(255,106,0,.06);\n    filter: drop-shadow(0 20px 40px rgba(10,10,10,.10));\n    animation: mtFloat 5.2s ease-in-out infinite;\n  }\n  .maroufturk-offer-hero__ring--a{ width: 78%; height: 78%; left: 10%; top: 8%; opacity:.60; background: radial-gradient(circle at 35% 35%, rgba(255,106,0,.22), rgba(255,255,255,0) 60%); }\n  .maroufturk-offer-hero__ring--b{ width: 56%; height: 56%; left: 26%; top: 26%; opacity:.46; animation-duration: 6.4s; background: radial-gradient(circle at 35% 35%, rgba(255,138,31,.18), rgba(255,255,255,0) 65%); }\n  .maroufturk-offer-hero__ring--c{ width: 36%; height: 36%; left: 34%; top: 40%; opacity:.38; animation-duration: 7.2s; background: radial-gradient(circle at 35% 35%, rgba(255,178,102,.16), rgba(255,255,255,0) 70%); }\n\n  .maroufturk-offer-hero__mock{\n    position:absolute;\n    inset: 14%;\n    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));\n    box-shadow: 0 22px 60px rgba(10,10,10,.10);\n    overflow:hidden;\n    animation: mtPop 900ms cubic-bezier(.2,.9,.2,1) both;\n  }\n\n  .maroufturk-offer-hero__mockTop{\n    padding: 14px;\n    display:flex;\n    gap: 10px;\n    background: rgba(255,106,0,.10);\n  }\n  .maroufturk-offer-hero__pill{\n    height: 10px;\n    width: 120px;\n    border-radius: 999px;\n    background: rgba(18,18,18,.12);\n  }\n  .maroufturk-offer-hero__pill--short{ width: 70px; }\n\n  .maroufturk-offer-hero__mockBody{ padding: 16px; display:grid; gap: 14px; }\n  .maroufturk-offer-hero__card{ padding: 14px; background: rgba(255,255,255,.74); overflow:hidden; }\n  .maroufturk-offer-hero__cardBadge{\n    display:inline-flex;\n    font-size: 11px;\n    font-weight: 950;\n    text-transform: uppercase;\n    letter-spacing: .12em;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    padding: 7px 10px;\n  }\n  .maroufturk-offer-hero__cardTitle{ margin-top: 12px; height: 14px; width: 70%; background: rgba(18,18,18,.10); }\n  .maroufturk-offer-hero__cardLines{ margin-top: 10px; display:grid; gap: 7px; }\n  .maroufturk-offer-hero__cardLines span{ display:block; height: 10px; background: rgba(18,18,18,.08); }\n  .maroufturk-offer-hero__cardLines span:nth-child(2){ width: 90%; }\n  .maroufturk-offer-hero__cardLines span:nth-child(3){ width: 80%; }\n  .maroufturk-offer-hero__cardRow{ margin-top: 12px; display:flex; gap: 10px; }\n  .maroufturk-offer-hero__chip{ height: 34px; width: 48%; background: rgba(18,18,18,.08); }\n  .maroufturk-offer-hero__chip--alt{ background: rgba(255,106,0,.14); }\n\n  .maroufturk-offer-hero__stats{ display:grid; gap: 10px; }\n  .maroufturk-offer-hero__stat{ padding: 12px; background: rgba(255,255,255,.70); }\n  .maroufturk-offer-hero__statK{\n    font-size: 11px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(18,18,18,.62);\n    font-weight: 950;\n  }\n  .maroufturk-offer-hero__bar{ margin-top: 10px; height: 10px; background: rgba(18,18,18,.08); overflow:hidden; }\n  .maroufturk-offer-hero__bar span{\n    display:block;\n    height: 100%;\n    width: 78%;\n    background: linear-gradient(90deg, var(--orange), rgba(255,255,255,.85));\n    animation: mtLoad 2.2s ease-in-out infinite;\n  }\n  .maroufturk-offer-hero__bar--b span{ width: 86%; animation-duration: 2.6s; }\n\n  \/* Modal *\/\n  .mt-modal{\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    direction: rtl;\n  }\n  .mt-modal.is-open{ display: block; }\n\n  .mt-modal__overlay{\n    position:absolute;\n    inset:0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .mt-modal__panel{\n    position: relative;\n    width: min(920px, calc(100vw - 28px));\n    max-height: calc(100vh - 28px);\n    margin: 14px auto;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 30px 110px rgba(0,0,0,.25);\n  }\n\n  .mt-modal__top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 14px;\n    padding: 16px 16px;\n    background: rgba(255,106,0,.10);\n  }\n\n  .mt-modal__title{\n    font-weight: 950;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(18,18,18,.90);\n  }\n\n  .mt-modal__close{\n    width: 40px;\n    height: 40px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,255,255,.90);\n    color: rgba(18,18,18,.92);\n    cursor: pointer;\n    font-weight: 900;\n    transition: transform .2s ease, filter .2s ease;\n  }\n\n  .mt-modal__body{\n    padding: 18px 16px 8px;\n    color: rgba(18,18,18,.92);\n    overflow: auto;\n    max-height: calc(100vh - 160px);\n  }\n\n  .mt-modal__body h3{ margin: 0 0 10px; font-size: 18px; letter-spacing: -0.01em; }\n  .mt-modal__body p{ margin: 0 0 12px; color: rgba(18,18,18,.70); line-height: 1.85; }\n  .mt-modal__body ul{ margin: 0; padding-right: 18px; padding-left: 0; color: rgba(18,18,18,.78); line-height: 1.8; }\n  .mt-modal__body li{ margin: 6px 0; }\n\n  .mt-modal__tag{\n    display:inline-flex;\n    align-items:center;\n    gap: 8px;\n    margin: 10px 0 0;\n    padding: 10px 12px;\n    background: rgba(255,106,0,.10);\n    color: rgba(18,18,18,.90);\n    font-weight: 950;\n    letter-spacing: .04em;\n  }\n\n  .mt-modal__bottom{\n    padding: 14px 16px 16px;\n    background: rgba(255,106,0,.06);\n    display:flex;\n    justify-content:flex-start;\n  }\n\n  .mt-modal__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.18);\n  }\n\n  \/* Animations *\/\n  @keyframes mtFloat{ 0%,100%{ transform: translate3d(0,0,0);} 50%{ transform: translate3d(0,-10px,0);} }\n  @keyframes mtShine{ 0%{ transform: translateX(-18%) rotate(20deg);} 100%{ transform: translateX(18%) rotate(20deg);} }\n  @keyframes mtPop{ from{ opacity: 0; transform: translateY(10px) scale(.985);} to{ opacity: 1; transform: translateY(0) scale(1);} }\n  @keyframes mtLoad{ 0%,100%{ transform: translateX(-8%); filter: brightness(1.0);} 50%{ transform: translateX(0%); filter: brightness(1.10);} }\n\n  \/* \u2705 MOBILE: media AFTER price (not on top) *\/\n  @media (max-width: 1024px){\n    .maroufturk-offer-hero__grid{\n      grid-template-columns: 1fr;\n      grid-template-areas:\n        \"left\"\n        \"right\"\n        \"meta\";\n    }\n    .maroufturk-offer-hero__glass{\n      width: min(520px, 100%);\n      margin: 4px auto 0;\n    }\n    .maroufturk-offer-hero__meta{\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 520px){\n    .maroufturk-offer-hero__cta{ flex: 1 1 220px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .maroufturk-offer-hero__shine,\n    .maroufturk-offer-hero__ring,\n    .maroufturk-offer-hero__bar span,\n    .maroufturk-offer-hero__mock{ animation: none !important; }\n    .maroufturk-offer-hero__cta,\n    .mt-modal__close{ transition: none !important; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    \/\/ Prevent double-init if Elementor re-renders\n    if (window.__maroufturkOfferHeroV3) return;\n    window.__maroufturkOfferHeroV3 = true;\n\n    var modal = document.getElementById(\"mtModal\");\n    if (!modal) return;\n\n    var panel = modal.querySelector(\".mt-modal__panel\");\n    var titleEl = document.getElementById(\"mtModalTitle\");\n    var bodyEl = document.getElementById(\"mtModalBody\");\n\n    var content = {\n      scope: {\n        title: \"\u0623\u0628\u0631\u0632 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\",\n        body:\n          \"<h3>\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0634\u0645\u0644\u0647 \u0627\u0644\u0639\u0645\u0644\u061f<\/h3>\" +\n          \"<p>\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u064a\u0642\u062f\u0651\u0645 \u062a\u0637\u0628\u064a\u0642 \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flutter \u0644\u0646\u0638\u0627\u0645\u064a iOS \u0648 Android\u060c \u0645\u0635\u0645\u0645 \u0644\u064a\u0639\u0643\u0633 \u0639\u0644\u0627\u0645\u062a\u0643\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u0632\u064a\u062f \u0645\u0646 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0648\u0627\u062c\u0647\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 + \u0634\u0627\u0634\u0629 \u062a\u0631\u062d\u064a\u0628 \u0648\u062a\u0633\u062c\u064a\u0644\/\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644<\/li>\" +\n          \"<li>\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0627\u0644\u0628\u062d\u062b\u060c \u0627\u0644\u0641\u0644\u0627\u062a\u0631\u060c \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\/\u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a<\/li>\" +\n          \"<li>\u0627\u0644\u0645\u0641\u0636\u0644\u0629\u060c \u0627\u0644\u0633\u0644\u0629\u060c \u0627\u0644\u062f\u0641\u0639\u060c \u0648\u0633\u062c\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062a<\/li>\" +\n          \"<li>\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u0625\u0634\u0639\u0627\u0631\u0627\u062a Push<\/li>\" +\n          \"<li>\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0640 APIs\/\u0627\u0644\u0628\u0627\u0643 \u0625\u0646\u062f \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645<\/li>\" +\n          \"<\/ul>\" +\n          \"<div class='mt-modal__tag'>\u062a\u0646\u0641\u064a\u0630 \u0641\u0627\u062e\u0631 \u2022 \u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u2022 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0648\u0633\u0639<\/div>\"\n      },\n      pricing: {\n        title: \"\u0627\u0644\u0633\u0639\u0631 \u0648\u062f\u0639\u0645 12 \u0634\u0647\u0631\",\n        body:\n          \"<h3>\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/h3>\" +\n          \"<p><strong>28,000 \u0631.\u0633<\/strong> \u2014 \u064a\u0634\u0645\u0644 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 + <strong>12 \u0634\u0647\u0631<\/strong> \u062f\u0639\u0645 \u0648\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/li>\" +\n          \"<li>\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 (Android\/iOS)<\/li>\" +\n          \"<li>\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a<\/li>\" +\n          \"<li>\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u0648\u0627\u062c\u0647\u0629 (\u0636\u0645\u0646 \u0646\u0637\u0627\u0642 \u0645\u0639\u0642\u0648\u0644)<\/li>\" +\n          \"<\/ul>\" +\n          \"<div class='mt-modal__tag'>\u0634\u0627\u0645\u0644 \u2022 \u062a\u063a\u0637\u064a\u0629 \u0633\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u2022 \u0631\u0627\u062d\u0629 \u0628\u0627\u0644<\/div>\"\n      }\n    };\n\n    function openModal(key) {\n      var data = content[key] || content.scope;\n      titleEl.textContent = data.title;\n      bodyEl.innerHTML = data.body;\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n\n      setTimeout(function () { panel && panel.focus && panel.focus(); }, 0);\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    document.addEventListener(\"click\", function (e) {\n      var btn = e.target.closest(\"[data-mt-modal-open]\");\n      if (btn) {\n        e.preventDefault();\n        openModal(btn.getAttribute(\"data-mt-modal-open\"));\n        return;\n      }\n      if (e.target.closest(\"[data-mt-modal-close]\")) {\n        e.preventDefault();\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) {\n        closeModal();\n      }\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b66f29 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1b66f29\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0cdea96\" data-id=\"0cdea96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3bb78c elementor-widget elementor-widget-html\" data-id=\"c3bb78c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================\nMAROUFTURK | OFFER SECTION 2 (Scope of Work) | RTL + Arabic | WHITE + ORANGE\nPaste into ONE Elementor HTML widget (Section 2).\n\u2705 Full-bleed (no right\/left gutters) using 100vw + negative margins\n\u2705 No white space top\/bottom on the section\n\u2705 No borders anywhere\n\u2705 Arabic + RTL\n\u2705 maroufturk naming (no hedj)\n\u2705 Modal popups (no navigation away)\n======================= -->\n<section class=\"maroufturk-offer-scope\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\" id=\"scope\">\n  <div class=\"maroufturk-offer-scope__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"maroufturk-offer-scope__wrap\">\n    <header class=\"maroufturk-offer-scope__head\">\n      <div class=\"maroufturk-offer-scope__kicker\">\n        <span class=\"maroufturk-offer-scope__kdot\" aria-hidden=\"true\"><\/span>\n        \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\n      <\/div>\n\n      <h2 class=\"maroufturk-offer-scope__title\">\n        \u0642\u062f\u0631\u0627\u062a <span class=\"maroufturk-offer-scope__accent\">\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span> \u0645\u062a\u0643\u0627\u0645\u0644\u0629\n        \u0644\u062a\u062c\u0631\u0628\u0629 \u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u0627\u062e\u0631\u0629\n      <\/h2>\n\n      <p class=\"maroufturk-offer-scope__lead\">\n        \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u062a\u063a\u0637\u064a \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0643\u0627\u0645\u0644\u0629 \u2014 \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641\u060c \u0627\u0644\u0634\u0631\u0627\u0621\u060c \u0648\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u2014\n        \u0645\u0628\u0646\u064a\u0629 \u0628\u0628\u0646\u064a\u0629 Flutter \u0646\u0638\u064a\u0641\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0648\u0628\u0645\u0639\u064a\u0627\u0631 \u0648\u0627\u062c\u0647\u0629 \u0641\u0627\u062e\u0631.\n      <\/p>\n    <\/header>\n\n    <div class=\"maroufturk-offer-scope__grid\" role=\"list\">\n      <!-- Customer Facing -->\n      <article class=\"maroufturk-offer-scope__card maroufturk-offer-scope__card--light\" role=\"listitem\">\n        <div class=\"maroufturk-offer-scope__cardTop\">\n          <div class=\"maroufturk-offer-scope__icon\" aria-hidden=\"true\">\u2726<\/div>\n          <div class=\"maroufturk-offer-scope__cardTitle\">\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-scope__cardText\">\n          \u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0648\u0642 \u0645\u0635\u0645\u0645\u0629 \u0644\u0631\u0641\u0639 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0639 \u062a\u0646\u0642\u0644 \u0623\u0646\u064a\u0642\u060c \u0628\u062d\u062b \u0633\u0631\u064a\u0639\u060c \u0648\u062f\u0641\u0639 \u0633\u0644\u0633 \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.\n        <\/p>\n\n        <div class=\"maroufturk-offer-scope__chips\" aria-hidden=\"true\">\n          <span class=\"maroufturk-offer-scope__chip\">\u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c<\/span>\n          <span class=\"maroufturk-offer-scope__chip\">\u0628\u062d\u062b<\/span>\n          <span class=\"maroufturk-offer-scope__chip\">\u0633\u0644\u0629<\/span>\n          <span class=\"maroufturk-offer-scope__chip\">\u062f\u0641\u0639<\/span>\n          <span class=\"maroufturk-offer-scope__chip\">\u0637\u0644\u0628\u0627\u062a<\/span>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-scope__btn\"\n          type=\"button\"\n          data-mt-scope-open=\"customer\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtScopeModal\"\n        >\n          \u0639\u0631\u0636 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u0634\u0645\u0648\u0644\u0629 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Admin\/Operations -->\n      <article class=\"maroufturk-offer-scope__card maroufturk-offer-scope__card--dark\" role=\"listitem\">\n        <div class=\"maroufturk-offer-scope__cardTop\">\n          <div class=\"maroufturk-offer-scope__icon maroufturk-offer-scope__icon--alt\" aria-hidden=\"true\">\u25ce<\/div>\n          <div class=\"maroufturk-offer-scope__cardTitle\">\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 (\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0643\u0627\u0645\u0644)<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-scope__cardText\">\n          \u0645\u0628\u0646\u064a \u0644\u064a\u0639\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0627\u0644\u0628\u0627\u0643 \u0625\u0646\u062f\/\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u2014 \u0622\u0645\u0646\u060c \u0645\u0646\u0638\u0645\u060c \u0648\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0648\u0633\u0639.\n        <\/p>\n\n        <div class=\"maroufturk-offer-scope__chips\" aria-hidden=\"true\">\n          <span class=\"maroufturk-offer-scope__chip maroufturk-offer-scope__chip--alt\">API<\/span>\n          <span class=\"maroufturk-offer-scope__chip maroufturk-offer-scope__chip--alt\">\u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/span>\n          <span class=\"maroufturk-offer-scope__chip maroufturk-offer-scope__chip--alt\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/span>\n          <span class=\"maroufturk-offer-scope__chip maroufturk-offer-scope__chip--alt\">\u0627\u0644\u0639\u0631\u0648\u0636<\/span>\n          <span class=\"maroufturk-offer-scope__chip maroufturk-offer-scope__chip--alt\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a<\/span>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-scope__btn maroufturk-offer-scope__btn--ghost\"\n          type=\"button\"\n          data-mt-scope-open=\"ops\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtScopeModal\"\n        >\n          \u0639\u0631\u0636 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0645\u0644 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Quality \/ Delivery -->\n      <article class=\"maroufturk-offer-scope__card maroufturk-offer-scope__card--glass\" role=\"listitem\">\n        <div class=\"maroufturk-offer-scope__cardTop\">\n          <div class=\"maroufturk-offer-scope__icon maroufturk-offer-scope__icon--spark\" aria-hidden=\"true\">\u26a1<\/div>\n          <div class=\"maroufturk-offer-scope__cardTitle\">\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-scope__cardText\">\n          \u062a\u0646\u0641\u064a\u0630 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0627\u0621 \u0645\u0639 \u062a\u0639\u0627\u0645\u0644 \u0622\u0645\u0646 \u0645\u0639 \u0627\u0644\u0640 APIs\u060c \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u064a\u0629\u060c \u0648\u062a\u0633\u0644\u064a\u0645 \u0646\u0633\u062e \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0637\u0644\u0627\u0642.\n        <\/p>\n\n        <div class=\"maroufturk-offer-scope__metrics\" aria-hidden=\"true\">\n          <div class=\"maroufturk-offer-scope__metric\">\n            <div class=\"maroufturk-offer-scope__metricK\">\u0627\u0644\u0623\u062f\u0627\u0621<\/div>\n            <div class=\"maroufturk-offer-scope__bar\"><span><\/span><\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-scope__metric\">\n            <div class=\"maroufturk-offer-scope__metricK\">\u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/div>\n            <div class=\"maroufturk-offer-scope__bar maroufturk-offer-scope__bar--b\"><span><\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-scope__btn\"\n          type=\"button\"\n          data-mt-scope-open=\"quality\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtScopeModal\"\n        >\n          \u0639\u0631\u0636 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n    <\/div>\n\n    <div class=\"maroufturk-offer-scope__footer\">\n      <div class=\"maroufturk-offer-scope__line\" aria-hidden=\"true\"><\/div>\n      <p class=\"maroufturk-offer-scope__fine\">\n        \u0647\u0630\u0627 \u0627\u0644\u0646\u0637\u0627\u0642 \u064a\u063a\u0637\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629. \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 (\u0627\u0644\u0648\u0644\u0627\u0621\u060c \u062a\u0639\u062f\u062f \u0627\u0644\u0628\u0627\u0626\u0639\u064a\u0646\u060c \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643\u0627\u062a\u060c\n        \u0648\u0623\u062a\u0645\u062a\u0629 \u0628\u0645\u0633\u062a\u0648\u0649 ERP) \u064a\u0645\u0643\u0646 \u062a\u0633\u0639\u064a\u0631\u0647\u0627 \u0643\u0625\u0636\u0627\u0641\u0627\u062a.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- ===== Modal (Popup) ===== -->\n  <div class=\"mt-scope-modal\" id=\"mtScopeModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\">\n    <div class=\"mt-scope-modal__overlay\" data-mt-scope-close><\/div>\n\n    <div class=\"mt-scope-modal__panel\" role=\"document\" tabindex=\"-1\">\n      <div class=\"mt-scope-modal__top\">\n        <div class=\"mt-scope-modal__title\" id=\"mtScopeModalTitle\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644<\/div>\n        <button class=\"mt-scope-modal__close\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\" data-mt-scope-close>\u2715<\/button>\n      <\/div>\n\n      <div class=\"mt-scope-modal__body\" id=\"mtScopeModalBody\"><\/div>\n\n      <div class=\"mt-scope-modal__bottom\">\n        <button class=\"mt-scope-modal__btn\" type=\"button\" data-mt-scope-close>\u0625\u063a\u0644\u0627\u0642<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================================================\n     SECTION 2: SCOPE | FULL-BLEED + ZERO OUTER WHITESPACE\n     White + Orange theme\n  ========================================================= *\/\n  .maroufturk-offer-scope{\n    --bg:#ffffff;\n    --text:#121212;\n    --muted:rgba(18,18,18,.72);\n    --muted2:rgba(18,18,18,.58);\n\n    --orange:#ff6a00;\n    --orange-2:#ff8a1f;\n    --orange-3:#ffb266;\n\n    position: relative;\n\n    \/* Full-bleed left\/right (kills container gutters) *\/\n    left: 50%;\n    right: 50%;\n    width: 100vw !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n\n    \/* No top\/bottom whitespace *\/\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n    overflow: hidden;\n\n    background: var(--bg);\n    color: var(--text);\n\n    direction: rtl;\n    text-align: right;\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans Arabic\", \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n  }\n\n  \/* absolutely no borders anywhere *\/\n  .maroufturk-offer-scope,\n  .maroufturk-offer-scope *{\n    box-sizing: border-box;\n    border: 0 !important;\n    outline: none;\n  }\n\n  .maroufturk-offer-scope__bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(900px 520px at 18% 18%, rgba(255,106,0,.16), rgba(255,255,255,0) 60%),\n      radial-gradient(760px 520px at 92% 55%, rgba(255,138,31,.12), rgba(255,255,255,0) 55%),\n      linear-gradient(180deg, #ffffff 0%, #fff5ea 62%, #ffffff 100%);\n  }\n\n  .maroufturk-offer-scope__wrap{\n    position: relative;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: clamp(18px, 3.4vw, 42px) clamp(14px, 2.2vw, 24px);\n  }\n\n  .maroufturk-offer-scope__head{ max-width: 82ch; }\n\n  .maroufturk-offer-scope__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap: 10px;\n    padding: 8px 12px;\n    background: rgba(255,106,0,.08);\n    box-shadow: 0 18px 60px rgba(10,10,10,.07);\n    color: rgba(18,18,18,.86);\n    text-transform: uppercase;\n    letter-spacing: .14em;\n    font-weight: 900;\n    font-size: 11px;\n  }\n\n  .maroufturk-offer-scope__kdot{\n    width: 10px; height: 10px;\n    border-radius: 999px;\n    background: radial-gradient(circle at 30% 30%, #ffffff, var(--orange));\n    box-shadow: 0 0 0 7px rgba(255,106,0,.14);\n  }\n\n  .maroufturk-offer-scope__title{\n    margin: 14px 0 0;\n    font-size: clamp(24px, 3.4vw, 42px);\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    color: rgba(18,18,18,.96);\n  }\n\n  .maroufturk-offer-scope__accent{\n    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-2) 55%, var(--orange-3) 110%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    text-shadow: 0 16px 60px rgba(255,106,0,.14);\n  }\n\n  .maroufturk-offer-scope__lead{\n    margin: 12px 0 0;\n    font-size: clamp(15px, 1.35vw, 18px);\n    line-height: 1.85;\n    color: var(--muted);\n  }\n\n  .maroufturk-offer-scope__grid{\n    margin-top: clamp(16px, 2.8vw, 26px);\n    display:grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .maroufturk-offer-scope__card{\n    grid-column: span 4;\n    padding: 18px;\n    background: rgba(255,255,255,.86);\n    box-shadow: 0 26px 90px rgba(10,10,10,.10);\n    overflow: hidden;\n    transform: translateZ(0);\n    animation: mtScopeIn 700ms cubic-bezier(.2,.9,.2,1) both;\n  }\n\n  .maroufturk-offer-scope__card--light{\n    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-scope__card--dark{\n    background: radial-gradient(520px 320px at 10% 0%, rgba(255,106,0,.12), rgba(255,255,255,.86) 60%),\n                linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-scope__card--glass{\n    background: radial-gradient(520px 320px at 10% 0%, rgba(255,138,31,.12), rgba(255,255,255,.86) 60%),\n                linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-scope__cardTop{\n    display:flex;\n    align-items:center;\n    gap: 12px;\n  }\n\n  .maroufturk-offer-scope__icon{\n    width: 42px;\n    height: 42px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,106,0,.10);\n    color: rgba(18,18,18,.92);\n    font-weight: 900;\n    font-size: 18px;\n    box-shadow: 0 18px 50px rgba(10,10,10,.08);\n  }\n  .maroufturk-offer-scope__icon--alt{ background: rgba(255,138,31,.14); }\n  .maroufturk-offer-scope__icon--spark{ background: rgba(255,178,102,.16); }\n\n  .maroufturk-offer-scope__cardTitle{\n    font-weight: 950;\n    letter-spacing: -0.01em;\n    font-size: 16px;\n    color: rgba(18,18,18,.92);\n  }\n\n  .maroufturk-offer-scope__cardText{\n    margin: 12px 0 0;\n    color: rgba(18,18,18,.70);\n    line-height: 1.85;\n    font-size: 14px;\n    max-width: 60ch;\n  }\n\n  .maroufturk-offer-scope__chips{\n    margin-top: 14px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-scope__chip{\n    padding: 8px 10px;\n    background: rgba(18,18,18,.06);\n    color: rgba(18,18,18,.82);\n    font-weight: 900;\n    font-size: 12px;\n    letter-spacing: .04em;\n  }\n  .maroufturk-offer-scope__chip--alt{\n    background: rgba(255,106,0,.12);\n  }\n\n  .maroufturk-offer-scope__metrics{ margin-top: 14px; display:grid; gap: 10px; }\n  .maroufturk-offer-scope__metricK{\n    font-size: 11px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(18,18,18,.62);\n    font-weight: 950;\n  }\n  .maroufturk-offer-scope__bar{\n    margin-top: 10px;\n    height: 10px;\n    background: rgba(18,18,18,.08);\n    overflow:hidden;\n  }\n  .maroufturk-offer-scope__bar span{\n    display:block;\n    height: 100%;\n    width: 80%;\n    background: linear-gradient(90deg, var(--orange), rgba(255,255,255,.90));\n    animation: mtScopeLoad 2.2s ease-in-out infinite;\n  }\n  .maroufturk-offer-scope__bar--b span{\n    width: 88%;\n    animation-duration: 2.6s;\n  }\n\n  .maroufturk-offer-scope__btn{\n    margin-top: 16px;\n    width: 100%;\n    padding: 13px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    letter-spacing: .02em;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.16);\n    position: relative;\n    overflow: hidden;\n    transition: transform .25s ease, filter .25s ease;\n  }\n\n  .maroufturk-offer-scope__btn:hover{\n    transform: translateY(-2px);\n    filter: saturate(1.06) contrast(1.05);\n  }\n  .maroufturk-offer-scope__btn:active{\n    transform: translateY(0px) scale(.99);\n  }\n\n  .maroufturk-offer-scope__btn--ghost{\n    color: rgba(18,18,18,.92);\n    background: rgba(255,106,0,.10);\n    box-shadow: 0 18px 44px rgba(10,10,10,.08);\n  }\n\n  .maroufturk-offer-scope__footer{\n    margin-top: 18px;\n    display:flex;\n    gap: 14px;\n    align-items:flex-start;\n  }\n\n  .maroufturk-offer-scope__line{\n    width: 44px;\n    height: 2px;\n    background: linear-gradient(90deg, var(--orange), rgba(255,255,255,0));\n    margin-top: 10px;\n    flex: 0 0 44px;\n  }\n\n  .maroufturk-offer-scope__fine{\n    margin: 0;\n    color: rgba(18,18,18,.60);\n    line-height: 1.8;\n    font-size: 13px;\n    max-width: 90ch;\n  }\n\n  \/* ===== Modal ===== *\/\n  .mt-scope-modal{\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    direction: rtl;\n  }\n  .mt-scope-modal.is-open{ display: block; }\n\n  .mt-scope-modal__overlay{\n    position:absolute;\n    inset:0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .mt-scope-modal__panel{\n    position: relative;\n    width: min(980px, calc(100vw - 28px));\n    max-height: calc(100vh - 28px);\n    margin: 14px auto;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 30px 110px rgba(0,0,0,.25);\n  }\n\n  .mt-scope-modal__top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 14px;\n    padding: 16px 16px;\n    background: rgba(255,106,0,.10);\n  }\n\n  .mt-scope-modal__title{\n    font-weight: 950;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(18,18,18,.90);\n  }\n\n  .mt-scope-modal__close{\n    width: 40px;\n    height: 40px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,255,255,.92);\n    color: rgba(18,18,18,.92);\n    cursor: pointer;\n    font-weight: 900;\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .mt-scope-modal__close:hover{ transform: translateY(-1px); filter: brightness(1.05); }\n  .mt-scope-modal__close:active{ transform: translateY(0px) scale(.99); }\n\n  .mt-scope-modal__body{\n    padding: 18px 16px 8px;\n    color: rgba(18,18,18,.92);\n    overflow: auto;\n    max-height: calc(100vh - 160px);\n  }\n\n  .mt-scope-modal__body h3{ margin: 0 0 10px; font-size: 18px; letter-spacing: -0.01em; }\n  .mt-scope-modal__body p{ margin: 0 0 12px; color: rgba(18,18,18,.70); line-height: 1.85; }\n  .mt-scope-modal__body ul{ margin: 0; padding-right: 18px; padding-left: 0; color: rgba(18,18,18,.80); line-height: 1.8; }\n  .mt-scope-modal__body li{ margin: 6px 0; }\n\n  .mt-scope-modal__bottom{\n    padding: 14px 16px 16px;\n    background: rgba(255,106,0,.06);\n    display:flex;\n    justify-content:flex-start;\n  }\n\n  .mt-scope-modal__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.16);\n  }\n\n  \/* Animations *\/\n  @keyframes mtScopeIn{\n    from{ opacity: 0; transform: translateY(10px) scale(.99); }\n    to{ opacity: 1; transform: translateY(0) scale(1); }\n  }\n  @keyframes mtScopeLoad{\n    0%,100%{ transform: translateX(-8%); filter: brightness(1.0); }\n    50%{ transform: translateX(0%); filter: brightness(1.08); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px){\n    .maroufturk-offer-scope__card{ grid-column: span 12; }\n  }\n  @media (max-width: 520px){\n    .maroufturk-offer-scope__card{ padding: 16px; }\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion: reduce){\n    .maroufturk-offer-scope__card,\n    .maroufturk-offer-scope__bar span{ animation: none !important; }\n    .maroufturk-offer-scope__btn,\n    .mt-scope-modal__close{ transition: none !important; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    if (window.__maroufturkOfferScopeV2) return;\n    window.__maroufturkOfferScopeV2 = true;\n\n    var modal = document.getElementById(\"mtScopeModal\");\n    if (!modal) return;\n\n    var panel = modal.querySelector(\".mt-scope-modal__panel\");\n    var titleEl = document.getElementById(\"mtScopeModalTitle\");\n    var bodyEl = document.getElementById(\"mtScopeModalBody\");\n\n    var content = {\n      customer: {\n        title: \"\u0645\u064a\u0632\u0627\u062a \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\n        body:\n          \"<h3>\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642<\/h3>\" +\n          \"<p>\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d \u0648\u0631\u0641\u0639 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0628\u0645\u0639\u064a\u0627\u0631 \u0648\u0627\u062c\u0647\u0629 \u0641\u0627\u062e\u0631.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0634\u0627\u0634\u0629 \u062a\u0631\u062d\u064a\u0628 + \u062a\u0633\u062c\u064a\u0644\/\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 (\u0628\u0631\u064a\u062f\/\u062c\u0648\u0627\u0644\u060c \u0648\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u060c \u0648OTP \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)<\/li>\" +\n          \"<li>\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a: \u0623\u0642\u0633\u0627\u0645 \u0648\u0623\u0642\u0633\u0627\u0645 \u0641\u0631\u0639\u064a\u0629<\/li>\" +\n          \"<li>\u0628\u062d\u062b \u0645\u0639 \u0641\u0644\u0627\u062a\u0631 (\u0627\u0644\u0633\u0639\u0631\u060c \u0627\u0644\u0633\u0645\u0627\u062a\u060c \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u060c \u0627\u0644\u062a\u0648\u0641\u0631) \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/li>\" +\n          \"<li>\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c: \u0635\u0648\u0631\u060c \u062e\u064a\u0627\u0631\u0627\u062a (\u0627\u0644\u0645\u0642\u0627\u0633\/\u0627\u0644\u0644\u0648\u0646)\u060c \u0627\u0644\u0645\u062e\u0632\u0648\u0646\u060c \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0634\u0627\u0628\u0647\u0629<\/li>\" +\n          \"<li>\u0627\u0644\u0645\u0641\u0636\u0644\u0629<\/li>\" +\n          \"<li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u0629 + \u0623\u0643\u0648\u0627\u062f \u062e\u0635\u0645 (\u0625\u0646 \u0648\u062c\u062f\u062a)<\/li>\" +\n          \"<li>\u0627\u0644\u062f\u0641\u0639: \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646\u060c \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u060c \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628<\/li>\" +\n          \"<li>\u0627\u0644\u0637\u0644\u0628\u0627\u062a: \u0633\u062c\u0644\u060c \u062d\u0627\u0644\u0627\u062a\u060c \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062a\u062a\u0628\u0639<\/li>\" +\n          \"<li>\u0625\u0634\u0639\u0627\u0631\u0627\u062a Push: \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636<\/li>\" +\n          \"<li>\u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a \u0648\u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a: \u0627\u0644\u0644\u063a\u0629 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)\u060c \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a\u060c \u0627\u0644\u0634\u0631\u0648\u0637<\/li>\" +\n          \"<\/ul>\"\n      },\n      ops: {\n        title: \"\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644\",\n        body:\n          \"<h3>\u0628\u0646\u064a\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u0643\u0627\u0645\u0644<\/h3>\" +\n          \"<p>\u062a\u0645 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0644\u064a\u064e\u0633\u0647\u0644 \u062a\u0643\u0627\u0645\u0644\u0647 \u0645\u0639 \u0627\u0644\u0628\u0627\u0643 \u0625\u0646\u062f\/\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u062a\u0643\u0627\u0645\u0644 API \u0622\u0645\u0646 (\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u0643\u0646\u060c \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629)<\/li>\" +\n          \"<li>\u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c\u060c \u0627\u0644\u0645\u062e\u0632\u0648\u0646\u060c \u0627\u0644\u0623\u0633\u0639\u0627\u0631\u060c \u0627\u0644\u0639\u0631\u0648\u0636 \u0639\u0628\u0631 \u0627\u0644\u0640 APIs<\/li>\" +\n          \"<li>\u0645\u0632\u0627\u0645\u0646\u0629 \u062f\u0648\u0631\u0629 \u0627\u0644\u0637\u0644\u0628 (\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0648\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u062a\u0628\u0639)<\/li>\" +\n          \"<li>\u0631\u0628\u0637 \u062a\u062d\u0644\u064a\u0644\u0627\u062a (\u0623\u062d\u062f\u0627\u062b \u0644\u0644\u062a\u0635\u0641\u062d\u060c \u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0633\u0644\u0629\u060c \u0627\u0644\u062f\u0641\u0639)<\/li>\" +\n          \"<li>\u0641\u0635\u0644 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/li>\" +\n          \"<\/ul>\" +\n          \"<p><strong>\u0627\u062e\u062a\u064a\u0627\u0631\u064a:<\/strong> \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0648\u0641\u0631 API\/\u0628\u0627\u0643 \u0625\u0646\u062f\u060c \u064a\u0645\u0643\u0646 \u062a\u0642\u062f\u064a\u0645 \u0645\u0631\u062d\u0644\u0629 \u0628\u0627\u0643 \u0625\u0646\u062f \u0645\u0633\u062a\u0642\u0644\u0629.<\/p>\"\n      },\n      quality: {\n        title: \"\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645\",\n        body:\n          \"<h3>\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h3>\" +\n          \"<p>\u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0646\u0638\u064a\u0641\u0629 \u0648\u0643\u0648\u062f \u0642\u0627\u0628\u0644 \u0644\u0644\u0635\u064a\u0627\u0646\u0629<\/li>\" +\n          \"<li>\u062a\u0639\u0627\u0645\u0644 \u0622\u0645\u0646 \u0645\u0639 \u0627\u0644\u0640 APIs \u0648\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646\u0629<\/li>\" +\n          \"<li>\u062a\u062d\u0642\u0642 \u0642\u0648\u064a \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a + \u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u062e\u0637\u0627\u0621 \u0628\u0633\u0644\u0627\u0633\u0629<\/li>\" +\n          \"<li>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u062f\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629: \u062a\u0635\u0641\u062d \u2192 \u0633\u0644\u0629 \u2192 \u062f\u0641\u0639 \u2192 \u0637\u0644\u0628<\/li>\" +\n          \"<li>\u0646\u0633\u062e \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0637\u0644\u0627\u0642 \u0648\u062f\u0639\u0645 \u0627\u0644\u0646\u0634\u0631<\/li>\" +\n          \"<li>\u0641\u062d\u0635 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0644\u0649 \u0623\u062d\u062c\u0627\u0645 \u0634\u0627\u0634\u0627\u062a \u0648\u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0639\u062f\u062f\u0629<\/li>\" +\n          \"<\/ul>\"\n      }\n    };\n\n    function openModal(key) {\n      var data = content[key] || content.customer;\n      titleEl.textContent = data.title;\n      bodyEl.innerHTML = data.body;\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n\n      setTimeout(function () { panel && panel.focus && panel.focus(); }, 0);\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    document.addEventListener(\"click\", function (e) {\n      var btn = e.target.closest(\"[data-mt-scope-open]\");\n      if (btn) {\n        e.preventDefault();\n        openModal(btn.getAttribute(\"data-mt-scope-open\"));\n        return;\n      }\n      if (e.target.closest(\"[data-mt-scope-close]\")) {\n        e.preventDefault();\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) closeModal();\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18721fc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"18721fc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eb1230b\" data-id=\"eb1230b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-685e232 elementor-widget elementor-widget-html\" data-id=\"685e232\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================\nMAROUFTURK | OFFER SECTION 3 (Deliverables, Quality Standards & Approach)\nRTL + Arabic | WHITE + ORANGE | FULL-BLEED | NO BORDERS | POPUPS\nPaste into ONE Elementor HTML widget (Section 3).\n\u2705 Full-bleed (no right\/left gutters) using 100vw + negative margins\n\u2705 No top\/bottom whitespace on the section\n\u2705 No borders anywhere\n\u2705 Arabic + RTL\n\u2705 maroufturk naming (no hedj)\n\u2705 Modal popups (no navigation away)\n======================= -->\n<section class=\"maroufturk-offer-delivery\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629\" id=\"delivery\">\n  <div class=\"maroufturk-offer-delivery__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"maroufturk-offer-delivery__wrap\">\n    <header class=\"maroufturk-offer-delivery__head\">\n      <div class=\"maroufturk-offer-delivery__kicker\">\n        <span class=\"maroufturk-offer-delivery__kdot\" aria-hidden=\"true\"><\/span>\n        \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\n      <\/div>\n\n      <h2 class=\"maroufturk-offer-delivery__title\">\n        \u0645\u062e\u0631\u062c\u0627\u062a <span class=\"maroufturk-offer-delivery__accent\">\u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0637\u0644\u0627\u0642<\/span>\n        \u0628\u062c\u0648\u062f\u0629 \u0628\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n      <\/h2>\n\n      <p class=\"maroufturk-offer-delivery__lead\">\n        \u0646\u062d\u0646 \u0644\u0627 \u0646\u0633\u0644\u0651\u0645 \u201c\u062a\u0637\u0628\u064a\u0642\u064b\u0627 \u0641\u0642\u0637\u201d. \u0633\u062a\u062d\u0635\u0644\u0648\u0646 \u0639\u0644\u0649 \u0642\u0627\u0639\u062f\u0629 \u0643\u0648\u062f Flutter \u0645\u0646\u0638\u0645\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u0648\u0646\u0633\u062e \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0637\u0644\u0627\u0642\u060c\n        \u0645\u0639 \u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062a\u0636\u0645\u0646 \u0639\u0631\u0648\u0636\u064b\u0627 \u062f\u0648\u0631\u064a\u0629 \u0648\u0646\u0642\u0627\u0637 \u0641\u062d\u0635 \u0644\u0644\u062c\u0648\u062f\u0629 (QA).\n      <\/p>\n    <\/header>\n\n    <div class=\"maroufturk-offer-delivery__grid\" role=\"list\">\n      <!-- Deliverables -->\n      <article class=\"maroufturk-offer-delivery__card maroufturk-offer-delivery__card--bright\" role=\"listitem\">\n        <div class=\"maroufturk-offer-delivery__cardTop\">\n          <div class=\"maroufturk-offer-delivery__icon\" aria-hidden=\"true\">\u2b23<\/div>\n          <div class=\"maroufturk-offer-delivery__cardTitle\">\u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-delivery__cardText\">\n          \u062a\u0637\u0628\u064a\u0642 Flutter \u0643\u0627\u0645\u0644 \u0644\u0646\u0638\u0627\u0645\u064a iOS \u0648 Android\u060c \u0645\u0639 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0645\u0635\u062f\u0631\u064a \u0648\u062f\u0639\u0645 \u0627\u0644\u0625\u0637\u0644\u0627\u0642.\n        <\/p>\n\n        <div class=\"maroufturk-offer-delivery__highlights\" aria-hidden=\"true\">\n          <div class=\"maroufturk-offer-delivery__pill\">iOS + Android<\/div>\n          <div class=\"maroufturk-offer-delivery__pill\">\u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0645\u0635\u062f\u0631\u064a<\/div>\n          <div class=\"maroufturk-offer-delivery__pill\">\u0631\u0641\u0639 \u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/div>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-delivery__btn\"\n          type=\"button\"\n          data-mt-delivery-open=\"deliverables\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtDeliveryModal\"\n        >\n          \u0639\u0631\u0636 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Quality Standards -->\n      <article class=\"maroufturk-offer-delivery__card maroufturk-offer-delivery__card--glass\" role=\"listitem\">\n        <div class=\"maroufturk-offer-delivery__cardTop\">\n          <div class=\"maroufturk-offer-delivery__icon maroufturk-offer-delivery__icon--alt\" aria-hidden=\"true\">\u2736<\/div>\n          <div class=\"maroufturk-offer-delivery__cardTitle\">\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-delivery__cardText\">\n          \u062b\u0627\u0628\u062a \u0648\u0622\u0645\u0646 \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0648\u0633\u0639 \u2014 \u0645\u0628\u0646\u064a \u0628\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0646\u0638\u064a\u0641\u0629\u060c \u0648\u0645\u0645\u0627\u0631\u0633\u0627\u062a API \u0622\u0645\u0646\u0629\u060c \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0642\u0648\u064a\u0629 \u0644\u0644\u0623\u062e\u0637\u0627\u0621.\n        <\/p>\n\n        <div class=\"maroufturk-offer-delivery__meters\" aria-hidden=\"true\">\n          <div class=\"maroufturk-offer-delivery__meter\">\n            <div class=\"maroufturk-offer-delivery__meterK\">\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629<\/div>\n            <div class=\"maroufturk-offer-delivery__bar\"><span><\/span><\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-delivery__meter\">\n            <div class=\"maroufturk-offer-delivery__meterK\">\u0627\u0644\u0623\u0645\u0627\u0646<\/div>\n            <div class=\"maroufturk-offer-delivery__bar maroufturk-offer-delivery__bar--b\"><span><\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-delivery__btn maroufturk-offer-delivery__btn--ghost\"\n          type=\"button\"\n          data-mt-delivery-open=\"quality\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtDeliveryModal\"\n        >\n          \u0639\u0631\u0636 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Approach -->\n      <article class=\"maroufturk-offer-delivery__card maroufturk-offer-delivery__card--dark\" role=\"listitem\">\n        <div class=\"maroufturk-offer-delivery__cardTop\">\n          <div class=\"maroufturk-offer-delivery__icon maroufturk-offer-delivery__icon--spark\" aria-hidden=\"true\">\u2691<\/div>\n          <div class=\"maroufturk-offer-delivery__cardTitle\">\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-delivery__cardText\">\n          \u0639\u0645\u0644\u064a\u0629 \u0645\u0646\u0638\u0645\u0629 \u0628\u0645\u0639\u0627\u0644\u0645 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0639\u0631\u0648\u0636 \u062a\u062c\u0631\u064a\u0628\u064a\u0629\u060c \u0648\u062f\u0648\u0631\u0627\u062a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u2014 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u064a\u0646.\n        <\/p>\n\n        <div class=\"maroufturk-offer-delivery__steps\" aria-hidden=\"true\">\n          <div class=\"maroufturk-offer-delivery__step\"><span>\u0661<\/span> \u062a\u062d\u0644\u064a\u0644<\/div>\n          <div class=\"maroufturk-offer-delivery__step\"><span>\u0662<\/span> \u062a\u0635\u0645\u064a\u0645<\/div>\n          <div class=\"maroufturk-offer-delivery__step\"><span>\u0663<\/span> \u062a\u062e\u0635\u064a\u0635<\/div>\n          <div class=\"maroufturk-offer-delivery__step\"><span>\u0664<\/span> \u0627\u062e\u062a\u0628\u0627\u0631<\/div>\n        <\/div>\n\n        <button\n          class=\"maroufturk-offer-delivery__btn\"\n          type=\"button\"\n          data-mt-delivery-open=\"approach\"\n          aria-haspopup=\"dialog\"\n          aria-controls=\"mtDeliveryModal\"\n        >\n          \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n    <\/div>\n\n    <div class=\"maroufturk-offer-delivery__footer\">\n      <div class=\"maroufturk-offer-delivery__stamp\" aria-hidden=\"true\">\n        <div class=\"maroufturk-offer-delivery__stampRing\"><\/div>\n        <div class=\"maroufturk-offer-delivery__stampText\">\n          <div>\u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u0637\u0644\u0627\u0642<\/div>\n          <div class=\"maroufturk-offer-delivery__stampSub\">\u062a\u0633\u0644\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\n        <\/div>\n      <\/div>\n\n      <p class=\"maroufturk-offer-delivery__fine\">\n        \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0645\u064f\u0639\u062f\u0629 \u0644\u0644\u0646\u0634\u0631 \u0639\u0644\u0649 \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c. \u0646\u0634\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631 (Apple\/Google)\n        \u0627\u0644\u0645\u0645\u0644\u0648\u0643\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- ===== Modal (Popup) ===== -->\n  <div class=\"mt-delivery-modal\" id=\"mtDeliveryModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\">\n    <div class=\"mt-delivery-modal__overlay\" data-mt-delivery-close><\/div>\n\n    <div class=\"mt-delivery-modal__panel\" role=\"document\" tabindex=\"-1\">\n      <div class=\"mt-delivery-modal__top\">\n        <div class=\"mt-delivery-modal__title\" id=\"mtDeliveryModalTitle\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/div>\n        <button class=\"mt-delivery-modal__close\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\" data-mt-delivery-close>\u2715<\/button>\n      <\/div>\n\n      <div class=\"mt-delivery-modal__body\" id=\"mtDeliveryModalBody\"><\/div>\n\n      <div class=\"mt-delivery-modal__bottom\">\n        <button class=\"mt-delivery-modal__btn\" type=\"button\" data-mt-delivery-close>\u0625\u063a\u0644\u0627\u0642<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================================================\n     SECTION 3: DELIVERY | FULL-BLEED + ZERO OUTER WHITESPACE\n     White + Orange theme\n  ========================================================= *\/\n  .maroufturk-offer-delivery{\n    --bg:#ffffff;\n    --text:#121212;\n    --muted:rgba(18,18,18,.72);\n    --muted2:rgba(18,18,18,.58);\n\n    --orange:#ff6a00;\n    --orange-2:#ff8a1f;\n    --orange-3:#ffb266;\n\n    position: relative;\n\n    \/* Full-bleed left\/right (kills container gutters) *\/\n    left: 50%;\n    right: 50%;\n    width: 100vw !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n\n    \/* No top\/bottom whitespace *\/\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    outline: 0 !important;\n    box-shadow: none !important;\n    overflow: hidden;\n\n    background: var(--bg);\n    color: var(--text);\n\n    direction: rtl;\n    text-align: right;\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans Arabic\", \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n  }\n\n  .maroufturk-offer-delivery,\n  .maroufturk-offer-delivery *{\n    box-sizing: border-box;\n    border: 0 !important;\n    outline: none;\n  }\n\n  .maroufturk-offer-delivery__bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(860px 520px at 15% 55%, rgba(255,106,0,.14), rgba(255,255,255,0) 60%),\n      radial-gradient(920px 540px at 90% 20%, rgba(255,138,31,.12), rgba(255,255,255,0) 58%),\n      linear-gradient(180deg, #ffffff 0%, #fff5ea 58%, #ffffff 100%);\n  }\n\n  .maroufturk-offer-delivery__wrap{\n    position: relative;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: clamp(18px, 3.4vw, 42px) clamp(14px, 2.2vw, 24px);\n  }\n\n  .maroufturk-offer-delivery__head{ max-width: 86ch; }\n\n  .maroufturk-offer-delivery__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap: 10px;\n    padding: 8px 12px;\n    background: rgba(255,106,0,.08);\n    box-shadow: 0 18px 60px rgba(10,10,10,.07);\n    color: rgba(18,18,18,.86);\n    text-transform: uppercase;\n    letter-spacing: .14em;\n    font-weight: 900;\n    font-size: 11px;\n  }\n\n  .maroufturk-offer-delivery__kdot{\n    width: 10px; height: 10px;\n    border-radius: 999px;\n    background: radial-gradient(circle at 30% 30%, #ffffff, var(--orange));\n    box-shadow: 0 0 0 7px rgba(255,106,0,.14);\n  }\n\n  .maroufturk-offer-delivery__title{\n    margin: 14px 0 0;\n    font-size: clamp(24px, 3.4vw, 42px);\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    color: rgba(18,18,18,.96);\n  }\n\n  .maroufturk-offer-delivery__accent{\n    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-2) 55%, var(--orange-3) 110%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    text-shadow: 0 16px 60px rgba(255,106,0,.14);\n  }\n\n  .maroufturk-offer-delivery__lead{\n    margin: 12px 0 0;\n    font-size: clamp(15px, 1.35vw, 18px);\n    line-height: 1.85;\n    color: var(--muted);\n  }\n\n  .maroufturk-offer-delivery__grid{\n    margin-top: clamp(16px, 2.8vw, 26px);\n    display:grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .maroufturk-offer-delivery__card{\n    grid-column: span 4;\n    padding: 18px;\n    background: rgba(255,255,255,.86);\n    box-shadow: 0 26px 90px rgba(10,10,10,.10);\n    overflow: hidden;\n    transform: translateZ(0);\n    animation: mtDeliveryIn 720ms cubic-bezier(.2,.9,.2,1) both;\n  }\n\n  .maroufturk-offer-delivery__card--bright{\n    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-delivery__card--glass{\n    background: radial-gradient(560px 340px at 10% 0%, rgba(255,106,0,.12), rgba(255,255,255,.86) 60%),\n                linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-delivery__card--dark{\n    background: radial-gradient(560px 340px at 10% 0%, rgba(255,138,31,.12), rgba(255,255,255,.86) 60%),\n                linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));\n  }\n\n  .maroufturk-offer-delivery__cardTop{\n    display:flex;\n    align-items:center;\n    gap: 12px;\n  }\n\n  .maroufturk-offer-delivery__icon{\n    width: 42px;\n    height: 42px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,106,0,.10);\n    color: rgba(18,18,18,.92);\n    font-weight: 900;\n    font-size: 18px;\n    box-shadow: 0 18px 50px rgba(10,10,10,.08);\n  }\n  .maroufturk-offer-delivery__icon--alt{ background: rgba(255,138,31,.14); }\n  .maroufturk-offer-delivery__icon--spark{ background: rgba(255,178,102,.16); }\n\n  .maroufturk-offer-delivery__cardTitle{\n    font-weight: 950;\n    letter-spacing: -0.01em;\n    font-size: 16px;\n    color: rgba(18,18,18,.92);\n  }\n\n  .maroufturk-offer-delivery__cardText{\n    margin: 12px 0 0;\n    color: rgba(18,18,18,.70);\n    line-height: 1.85;\n    font-size: 14px;\n    max-width: 60ch;\n  }\n\n  .maroufturk-offer-delivery__highlights{\n    margin-top: 14px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-delivery__pill{\n    padding: 8px 10px;\n    background: rgba(18,18,18,.06);\n    color: rgba(18,18,18,.82);\n    font-weight: 950;\n    font-size: 12px;\n    letter-spacing: .04em;\n  }\n\n  .maroufturk-offer-delivery__meters{ margin-top: 14px; display:grid; gap: 10px; }\n  .maroufturk-offer-delivery__meterK{\n    font-size: 11px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(18,18,18,.62);\n    font-weight: 950;\n  }\n\n  .maroufturk-offer-delivery__bar{\n    margin-top: 10px;\n    height: 10px;\n    background: rgba(18,18,18,.08);\n    overflow:hidden;\n  }\n  .maroufturk-offer-delivery__bar span{\n    display:block;\n    height: 100%;\n    width: 84%;\n    background: linear-gradient(90deg, var(--orange), rgba(255,255,255,.90));\n    animation: mtDeliveryLoad 2.3s ease-in-out infinite;\n  }\n  .maroufturk-offer-delivery__bar--b span{\n    width: 90%;\n    animation-duration: 2.7s;\n  }\n\n  .maroufturk-offer-delivery__steps{\n    margin-top: 14px;\n    display:grid;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-delivery__step{\n    display:flex;\n    align-items:center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: rgba(18,18,18,.04);\n    box-shadow: 0 16px 40px rgba(10,10,10,.07);\n    color: rgba(18,18,18,.80);\n    font-weight: 900;\n    letter-spacing: .02em;\n    font-size: 13px;\n  }\n\n  .maroufturk-offer-delivery__step span{\n    width: 26px;\n    height: 26px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,106,0,.14);\n    color: rgba(18,18,18,.92);\n    font-weight: 950;\n  }\n\n  .maroufturk-offer-delivery__btn{\n    margin-top: 16px;\n    width: 100%;\n    padding: 13px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    letter-spacing: .02em;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.16);\n    transition: transform .25s ease, filter .25s ease;\n  }\n  .maroufturk-offer-delivery__btn:hover{\n    transform: translateY(-2px);\n    filter: saturate(1.06) contrast(1.05);\n  }\n  .maroufturk-offer-delivery__btn:active{\n    transform: translateY(0px) scale(.99);\n  }\n  .maroufturk-offer-delivery__btn--ghost{\n    color: rgba(18,18,18,.92);\n    background: rgba(255,106,0,.10);\n    box-shadow: 0 18px 44px rgba(10,10,10,.08);\n  }\n\n  .maroufturk-offer-delivery__footer{\n    margin-top: 18px;\n    display:grid;\n    grid-template-columns: 220px 1fr;\n    gap: 16px;\n    align-items:center;\n  }\n\n  .maroufturk-offer-delivery__stamp{\n    position: relative;\n    height: 96px;\n    display:flex;\n    align-items:center;\n    gap: 12px;\n    background: rgba(255,255,255,.86);\n    box-shadow: 0 26px 90px rgba(10,10,10,.10);\n    padding: 14px;\n    overflow:hidden;\n  }\n\n  .maroufturk-offer-delivery__stampRing{\n    width: 62px;\n    height: 62px;\n    background: radial-gradient(circle at 35% 35%, rgba(255,106,0,.22), rgba(255,255,255,0) 62%),\n                radial-gradient(circle at 70% 70%, rgba(255,138,31,.12), rgba(255,255,255,0) 60%);\n    animation: mtRing 5.6s ease-in-out infinite;\n  }\n\n  .maroufturk-offer-delivery__stampText{\n    display:grid;\n    gap: 3px;\n    font-weight: 950;\n    color: rgba(18,18,18,.90);\n    letter-spacing: .02em;\n  }\n  .maroufturk-offer-delivery__stampSub{\n    font-weight: 900;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    font-size: 11px;\n    color: rgba(18,18,18,.60);\n  }\n\n  .maroufturk-offer-delivery__fine{\n    margin: 0;\n    color: rgba(18,18,18,.60);\n    line-height: 1.8;\n    font-size: 13px;\n    max-width: 100ch;\n  }\n\n  \/* ===== Modal ===== *\/\n  .mt-delivery-modal{\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    direction: rtl;\n  }\n  .mt-delivery-modal.is-open{ display: block; }\n\n  .mt-delivery-modal__overlay{\n    position:absolute;\n    inset:0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .mt-delivery-modal__panel{\n    position: relative;\n    width: min(980px, calc(100vw - 28px));\n    max-height: calc(100vh - 28px);\n    margin: 14px auto;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 30px 110px rgba(0,0,0,.25);\n  }\n\n  .mt-delivery-modal__top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 14px;\n    padding: 16px 16px;\n    background: rgba(255,106,0,.10);\n  }\n\n  .mt-delivery-modal__title{\n    font-weight: 950;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(18,18,18,.90);\n  }\n\n  .mt-delivery-modal__close{\n    width: 40px;\n    height: 40px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,255,255,.92);\n    color: rgba(18,18,18,.92);\n    cursor: pointer;\n    font-weight: 900;\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .mt-delivery-modal__close:hover{ transform: translateY(-1px); filter: brightness(1.05); }\n  .mt-delivery-modal__close:active{ transform: translateY(0px) scale(.99); }\n\n  .mt-delivery-modal__body{\n    padding: 18px 16px 8px;\n    color: rgba(18,18,18,.92);\n    overflow: auto;\n    max-height: calc(100vh - 160px);\n  }\n\n  .mt-delivery-modal__body h3{ margin: 0 0 10px; font-size: 18px; letter-spacing: -0.01em; }\n  .mt-delivery-modal__body p{ margin: 0 0 12px; color: rgba(18,18,18,.70); line-height: 1.85; }\n  .mt-delivery-modal__body ul{ margin: 0; padding-right: 18px; padding-left: 0; color: rgba(18,18,18,.80); line-height: 1.8; }\n  .mt-delivery-modal__body li{ margin: 6px 0; }\n\n  .mt-delivery-modal__bottom{\n    padding: 14px 16px 16px;\n    background: rgba(255,106,0,.06);\n    display:flex;\n    justify-content:flex-start;\n  }\n\n  .mt-delivery-modal__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--orange), var(--orange-2));\n    box-shadow: 0 18px 44px rgba(255,106,0,.16);\n  }\n\n  \/* Animations *\/\n  @keyframes mtDeliveryIn{\n    from{ opacity: 0; transform: translateY(10px) scale(.99); }\n    to{ opacity: 1; transform: translateY(0) scale(1); }\n  }\n  @keyframes mtDeliveryLoad{\n    0%,100%{ transform: translateX(-8%); filter: brightness(1.0); }\n    50%{ transform: translateX(0%); filter: brightness(1.08); }\n  }\n  @keyframes mtRing{\n    0%,100%{ transform: translateY(0); filter: brightness(1.0); }\n    50%{ transform: translateY(-6px); filter: brightness(1.06); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px){\n    .maroufturk-offer-delivery__card{ grid-column: span 12; }\n    .maroufturk-offer-delivery__footer{ grid-template-columns: 1fr; }\n    .maroufturk-offer-delivery__stamp{ height: auto; }\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion: reduce){\n    .maroufturk-offer-delivery__card,\n    .maroufturk-offer-delivery__bar span,\n    .maroufturk-offer-delivery__stampRing{ animation: none !important; }\n    .maroufturk-offer-delivery__btn,\n    .mt-delivery-modal__close{ transition: none !important; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    if (window.__maroufturkOfferDeliveryV2) return;\n    window.__maroufturkOfferDeliveryV2 = true;\n\n    var modal = document.getElementById(\"mtDeliveryModal\");\n    if (!modal) return;\n\n    var panel = modal.querySelector(\".mt-delivery-modal__panel\");\n    var titleEl = document.getElementById(\"mtDeliveryModalTitle\");\n    var bodyEl = document.getElementById(\"mtDeliveryModalBody\");\n\n    var content = {\n      deliverables: {\n        title: \"\u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a\",\n        body:\n          \"<h3>\u0645\u0627 \u0627\u0644\u0630\u064a \u0633\u062a\u062d\u0635\u0644\u0648\u0646 \u0639\u0644\u064a\u0647\u061f<\/h3>\" +\n          \"<p>\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0648\u0646\u0647 \u0644\u0625\u0637\u0644\u0627\u0642 \u062a\u0637\u0628\u064a\u0642 \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0641\u0627\u062e\u0631 \u0628\u062b\u0642\u0629.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u062a\u0637\u0628\u064a\u0642 Flutter \u0644\u0646\u0638\u0627\u0645\u064a <strong>iOS<\/strong> \u0648 <strong>Android<\/strong><\/li>\" +\n          \"<li>\u0645\u0633\u062a\u0648\u062f\u0639 \u0643\u0648\u062f \u0645\u0635\u062f\u0631\u064a \u0645\u0646\u0638\u0645 \u0645\u0639 \u0647\u064a\u0643\u0644\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/li>\" +\n          \"<li>\u0646\u0633\u062e \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0631\u0641\u0639 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/li>\" +\n          \"<li>\u062f\u0639\u0645 \u0627\u0644\u0646\u0634\u0631 \u0639\u0644\u0649 Google Play \u0648 Apple App Store<\/li>\" +\n          \"<li>\u062a\u0648\u062b\u064a\u0642 \u0623\u0633\u0627\u0633\u064a: \u062f\u0644\u064a\u0644 \u0625\u0639\u062f\u0627\u062f + \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u062a\u0643\u0627\u0645\u0644 + \u062d\u0632\u0645\u0629 \u062a\u0633\u0644\u064a\u0645<\/li>\" +\n          \"<\/ul>\" +\n          \"<p><strong>\u0645\u0644\u0627\u062d\u0638\u0629:<\/strong> \u0627\u0644\u0646\u0634\u0631 \u064a\u062a\u0637\u0644\u0628 \u062d\u0633\u0627\u0628\u0627\u062a \u0645\u0637\u0648\u0631 Apple\/Google \u0645\u0645\u0644\u0648\u0643\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0648\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.<\/p>\"\n      },\n      quality: {\n        title: \"\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646\",\n        body:\n          \"<h3>\u0645\u0639\u0627\u064a\u064a\u0631 \u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\" +\n          \"<p>\u0645\u0628\u0646\u064a \u0644\u064a\u0643\u0648\u0646 \u062b\u0627\u0628\u062a\u064b\u0627 \u0648\u0622\u0645\u0646\u064b\u0627 \u0648\u0642\u0627\u0628\u0644\u064b\u0627 \u0644\u0644\u0635\u064a\u0627\u0646\u0629 \u2014 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0646\u0638\u064a\u0641\u0629 \u0645\u0639 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0643\u0648\u062f \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0635\u064a\u0627\u0646\u0629<\/li>\" +\n          \"<li>\u062a\u0639\u0627\u0645\u0644 \u0622\u0645\u0646 \u0645\u0639 \u0627\u0644\u0640 APIs \u0648\u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646 \u0644\u0644\u062a\u0648\u0643\u0646<\/li>\" +\n          \"<li>\u062a\u062d\u0642\u0642 \u0642\u0648\u064a \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u062e\u0637\u0627\u0621 \u0628\u0633\u0644\u0627\u0633\u0629<\/li>\" +\n          \"<li>\u0648\u0627\u062c\u0647\u0629 \u0645\u062a\u062c\u0627\u0648\u0628\u0629 \u0639\u0644\u0649 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/li>\" +\n          \"<li>\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0644\u0644\u062a\u062f\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u062a\u0643\u0627\u0645\u0644<\/li>\" +\n          \"<\/ul>\"\n      },\n      approach: {\n        title: \"\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\",\n        body:\n          \"<h3>\u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\" +\n          \"<p>\u062e\u0637\u0629 \u062a\u0633\u0644\u064a\u0645 \u0645\u0646\u0638\u0645\u0629 \u0645\u0639 \u0648\u0636\u0648\u062d \u0648\u0646\u0642\u0627\u0637 \u0641\u062d\u0635 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0642\u0631\u0627\u0631.<\/p>\" +\n          \"<ul>\" +\n          \"<li><strong>\u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a<\/strong>: \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u062f\u0641\u0642\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0642\u0628\u0648\u0644<\/li>\" +\n          \"<li><strong>\u0627\u0639\u062a\u0645\u0627\u062f UI\/UX<\/strong>: \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/li>\" +\n          \"<li><strong>\u062a\u0637\u0648\u064a\u0631 \u062a\u0643\u0631\u0627\u0631\u064a<\/strong>: \u0639\u0631\u0648\u0636 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 + \u062f\u0648\u0631\u0627\u062a \u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/li>\" +\n          \"<li><strong>QA \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/strong>: \u0627\u062e\u062a\u0628\u0627\u0631\u060c \u0641\u062d\u0635 \u0623\u062f\u0627\u0621\u060c \u0648\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0646\u0647\u0627\u0626\u064a\u0629<\/li>\" +\n          \"<li><strong>\u062f\u0639\u0645 \u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/strong>: \u0645\u0633\u0627\u0639\u062f\u0629 \u0631\u0641\u0639 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629<\/li>\" +\n          \"<\/ul>\"\n      }\n    };\n\n    function openModal(key) {\n      var data = content[key] || content.deliverables;\n      titleEl.textContent = data.title;\n      bodyEl.innerHTML = data.body;\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n\n      setTimeout(function () { panel && panel.focus && panel.focus(); }, 0);\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    document.addEventListener(\"click\", function (e) {\n      var btn = e.target.closest(\"[data-mt-delivery-open]\");\n      if (btn) {\n        e.preventDefault();\n        openModal(btn.getAttribute(\"data-mt-delivery-open\"));\n        return;\n      }\n      if (e.target.closest(\"[data-mt-delivery-close]\")) {\n        e.preventDefault();\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) closeModal();\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-95bed64 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"95bed64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-786d84e\" data-id=\"786d84e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a39ef2 elementor-widget elementor-widget-html\" data-id=\"3a39ef2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================\nMAROUFTURK | OFFER SECTION 4 (FIXED)\nTimeline, Assumptions & Responsibilities\nArabic | RTL | WHITE + ORANGE | FULL-BLEED | NO OUTER WHITESPACE | POPUPS\n======================= -->\n<section class=\"maroufturk-offer-plan\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\" id=\"timeline\">\n  <div class=\"maroufturk-offer-plan__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"maroufturk-offer-plan__wrap\">\n    <header class=\"maroufturk-offer-plan__head\">\n      <div class=\"maroufturk-offer-plan__kicker\">\n        <span class=\"maroufturk-offer-plan__kdot\" aria-hidden=\"true\"><\/span>\n        \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629\n      <\/div>\n\n      <h2 class=\"maroufturk-offer-plan__title\">\n        \u062c\u062f\u0648\u0644 \u062a\u0633\u0644\u064a\u0645 <span class=\"maroufturk-offer-plan__accent\">\u0648\u0627\u0636\u062d<\/span>\n        \u0648\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a \u0634\u0641\u0627\u0641\u0629\n      <\/h2>\n\n      <p class=\"maroufturk-offer-plan__lead\">\n        \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u062a\u062a\u0637\u0644\u0628 \u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0641\u064a\u0630 \u0645\u0645\u064a\u0632\u0629. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0633\u0631\u064a\u0639\n        \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0628\u0624 \u0648\u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u0637\u0644\u0627\u0642.\n      <\/p>\n    <\/header>\n\n    <!-- Timeline band -->\n    <div class=\"maroufturk-offer-plan__band\" aria-label=\"\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629\">\n      <!-- INFO (shows on the RIGHT in RTL) -->\n      <div class=\"maroufturk-offer-plan__bandInfo\">\n        <div class=\"maroufturk-offer-plan__bandLabel\">\u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/div>\n        <div class=\"maroufturk-offer-plan__bandValue\">4 \u2013 6 \u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n        <div class=\"maroufturk-offer-plan__bandNote\">\n          \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u062f\u0629 \u0639\u0644\u0649 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0643\u0627\u0645\u0644\u0627\u062a\u060c \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639\u060c \u0648\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a.\n        <\/div>\n\n        <div class=\"maroufturk-offer-plan__actions\">\n          <button\n            class=\"maroufturk-offer-plan__btn\"\n            type=\"button\"\n            data-mt-plan-open=\"timeline\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtPlanModal\"\n          >\n            \u0639\u0631\u0636 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 <span aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n\n          <button\n            class=\"maroufturk-offer-plan__btn maroufturk-offer-plan__btn--ghost\"\n            type=\"button\"\n            data-mt-plan-open=\"drivers\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtPlanModal\"\n          >\n            \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0629\u061f <span aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- VISUAL (stays solid, never collapses) -->\n      <div class=\"maroufturk-offer-plan__bandVisual\" aria-hidden=\"true\">\n        <div class=\"maroufturk-offer-plan__rail\">\n          <div class=\"maroufturk-offer-plan__node\">\n            <span>\u0661<\/span>\n            <div>\u062a\u062d\u0644\u064a\u0644<\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-plan__node\">\n            <span>\u0662<\/span>\n            <div>\u062a\u0635\u0645\u064a\u0645<\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-plan__node\">\n            <span>\u0663<\/span>\n            <div>\u062a\u0637\u0648\u064a\u0631<\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-plan__node\">\n            <span>\u0664<\/span>\n            <div>\u062a\u062e\u0635\u064a\u0635<\/div>\n          <\/div>\n          <div class=\"maroufturk-offer-plan__node maroufturk-offer-plan__node--glow\">\n            <span>\u0665-\u0666<\/span>\n            <div>\u0645\u0631\u0627\u062c\u0639\u0629<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Cards -->\n    <div class=\"maroufturk-offer-plan__grid\" role=\"list\">\n      <!-- Client -->\n      <article class=\"maroufturk-offer-plan__card\" role=\"listitem\">\n        <div class=\"maroufturk-offer-plan__cardTop\">\n          <div class=\"maroufturk-offer-plan__icon\">\u2713<\/div>\n          <div class=\"maroufturk-offer-plan__cardTitle\">\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-plan__cardText\">\n          \u0645\u062f\u062e\u0644\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0646\u0641\u064a\u0630 \u0633\u0644\u0633 \u062f\u0648\u0646 \u062a\u0623\u062e\u064a\u0631.\n        <\/p>\n\n        <ul class=\"maroufturk-offer-plan__list\">\n          <li>\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 (\u0627\u0644\u0634\u0639\u0627\u0631\u060c \u0627\u0644\u0623\u0644\u0648\u0627\u0646\u060c \u0623\u0645\u062b\u0644\u0629 \u0645\u0631\u062c\u0639\u064a\u0629)<\/li>\n          <li>\u0647\u064a\u0643\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a + \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u062c\u0631\u064a\u0628\u064a\u0629<\/li>\n          <li>\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0640 APIs (Staging + Production)<\/li>\n          <li>\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639 (\u0625\u0646 \u0648\u062c\u062f\u062a)<\/li>\n          <li>\u062d\u0633\u0627\u0628\u0627\u062a Apple \u0648 Google \u0644\u0644\u0646\u0634\u0631<\/li>\n        <\/ul>\n\n        <button class=\"maroufturk-offer-plan__miniBtn\" type=\"button\" data-mt-plan-open=\"client\">\n          \u0639\u0631\u0636 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Assumptions -->\n      <article class=\"maroufturk-offer-plan__card maroufturk-offer-plan__card--glass\" role=\"listitem\">\n        <div class=\"maroufturk-offer-plan__cardTop\">\n          <div class=\"maroufturk-offer-plan__icon maroufturk-offer-plan__icon--alt\">\u27e1<\/div>\n          <div class=\"maroufturk-offer-plan__cardTitle\">\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-plan__cardText\">\n          \u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0637\u0627\u0642 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/p>\n\n        <ul class=\"maroufturk-offer-plan__list\">\n          <li>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628<\/li>\n          <li>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u064a\u0644<\/li>\n          <li>\u062a\u0648\u0641\u0631 \u0627\u0644\u0640 Backend \u0623\u0648 \u064a\u062a\u0645 \u062a\u0633\u0639\u064a\u0631\u0647 \u0643\u0645\u0631\u062d\u0644\u0629 \u0645\u0633\u062a\u0642\u0644\u0629<\/li>\n          <li>\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0634\u0631<\/li>\n        <\/ul>\n\n        <button class=\"maroufturk-offer-plan__miniBtn maroufturk-offer-plan__miniBtn--ghost\" type=\"button\" data-mt-plan-open=\"assumptions\">\n          \u0639\u0631\u0636 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <!-- Dependencies -->\n      <article class=\"maroufturk-offer-plan__card maroufturk-offer-plan__card--dark\" role=\"listitem\">\n        <div class=\"maroufturk-offer-plan__cardTop\">\n          <div class=\"maroufturk-offer-plan__icon maroufturk-offer-plan__icon--spark\">\u2699<\/div>\n          <div class=\"maroufturk-offer-plan__cardTitle\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-plan__cardText\">\n          \u0639\u0646\u0627\u0635\u0631 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u062a\u062a\u0637\u0644\u0628 \u062c\u0627\u0647\u0632\u064a\u0629 \u0645\u0628\u0643\u0631\u0629.\n        <\/p>\n\n        <ul class=\"maroufturk-offer-plan__list\">\n          <li>\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0640 APIs \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/li>\n          <li>\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639<\/li>\n          <li>\u0645\u0646\u0637\u0642 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644<\/li>\n          <li>\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/li>\n        <\/ul>\n\n        <button class=\"maroufturk-offer-plan__miniBtn\" type=\"button\" data-mt-plan-open=\"deps\">\n          \u0639\u0631\u0636 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n    <\/div>\n\n    <div class=\"maroufturk-offer-plan__note\">\n      <strong>\u0645\u0628\u062f\u0623 \u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong>\n      \u0643\u0644\u0645\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0623\u0633\u0631\u0639\u060c \u0643\u0627\u0646 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0623\u0633\u0631\u0639. \u0646\u062d\u0646 \u0646\u0648\u0641\u0631 \u0639\u0631\u0648\u0636\u064b\u0627 \u0645\u0631\u062d\u0644\u064a\u0629 \u0648\u0646\u0642\u0627\u0637 \u062a\u062d\u0642\u0642 \u0644\u062a\u0633\u0647\u064a\u0644 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631.\n    <\/div>\n  <\/div>\n\n  <!-- ===== Modal ===== -->\n  <div class=\"mt-plan-modal\" id=\"mtPlanModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a\">\n    <div class=\"mt-plan-modal__overlay\" data-mt-plan-close><\/div>\n\n    <div class=\"mt-plan-modal__panel\" role=\"document\" tabindex=\"-1\">\n      <div class=\"mt-plan-modal__top\">\n        <div class=\"mt-plan-modal__title\" id=\"mtPlanModalTitle\">\u062a\u0641\u0627\u0635\u064a\u0644<\/div>\n        <button class=\"mt-plan-modal__close\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\" data-mt-plan-close>\u2715<\/button>\n      <\/div>\n\n      <div class=\"mt-plan-modal__body\" id=\"mtPlanModalBody\"><\/div>\n\n      <div class=\"mt-plan-modal__bottom\">\n        <button class=\"mt-plan-modal__btn\" type=\"button\" data-mt-plan-close>\u0625\u063a\u0644\u0627\u0642<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ========= HARD RESET (only inside this section) ========= *\/\n  .maroufturk-offer-plan,\n  .maroufturk-offer-plan *{ box-sizing: border-box; }\n  .maroufturk-offer-plan *{ border: 0 !important; outline: none; }\n\n  \/* ========= FULL-BLEED + NO OUTER WHITESPACE ========= *\/\n  .maroufturk-offer-plan{\n    --mt-orange:#ff7a18;\n    --mt-orange-2:#ff9a3c;\n    --mt-ink:#131313;\n    --mt-muted:#5c5c5c;\n    --mt-muted2:#7a7a7a;\n    --mt-card:#ffffff;\n    --mt-line:rgba(0,0,0,.10);\n\n    position: relative;\n    left: 50%;\n    right: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    margin-right: -50vw;\n\n    padding: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    background: #fff;\n    color: var(--mt-ink);\n    overflow: hidden;\n\n    display:flex;\n    justify-content:center; \/* IMPORTANT: prevents Elementor weird alignment *\/\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans Arabic\", \"Noto Sans\", sans-serif;\n  }\n\n  .maroufturk-offer-plan__bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(1100px 540px at 15% 25%, rgba(255,122,24,.14), rgba(255,255,255,0) 60%),\n      radial-gradient(900px 520px at 85% 20%, rgba(255,154,60,.12), rgba(255,255,255,0) 58%),\n      linear-gradient(180deg, #ffffff 0%, #fff7f0 55%, #ffffff 100%);\n  }\n\n  \/* Centered wrap ALWAYS *\/\n  .maroufturk-offer-plan__wrap{\n    position: relative;\n    width: min(1240px, 100%);\n    margin: 0 auto;\n    padding: clamp(22px, 4vw, 56px) clamp(14px, 3vw, 28px);\n  }\n\n  .maroufturk-offer-plan__head{ max-width: 90ch; }\n\n  .maroufturk-offer-plan__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: rgba(255,122,24,.10);\n    color: #1b1b1b;\n    font-weight: 900;\n    letter-spacing: .02em;\n    font-size: 12px;\n    border-radius: 999px;\n  }\n  .maroufturk-offer-plan__kdot{\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    background: radial-gradient(circle at 30% 30%, #fff, var(--mt-orange));\n    box-shadow: 0 0 0 7px rgba(255,122,24,.10);\n  }\n\n  .maroufturk-offer-plan__title{\n    margin: 14px 0 0;\n    font-size: clamp(24px, 3.6vw, 44px);\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n  }\n  .maroufturk-offer-plan__accent{\n    background: linear-gradient(90deg, var(--mt-orange) 0%, var(--mt-orange-2) 65%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n  .maroufturk-offer-plan__lead{\n    margin: 10px 0 0;\n    color: var(--mt-muted);\n    line-height: 1.9;\n    font-size: clamp(14px, 1.25vw, 17px);\n    max-width: 92ch;\n  }\n\n  \/* ========= BAND (FIXED LAYOUT) ========= *\/\n  .maroufturk-offer-plan__band{\n    margin-top: clamp(16px, 2.8vw, 26px);\n    background: rgba(255,255,255,.90);\n    border-radius: 18px;\n    box-shadow: 0 18px 60px rgba(0,0,0,.08);\n    overflow:hidden;\n\n    display:grid;\n    grid-template-columns: 1.15fr .85fr; \/* info + visual *\/\n    gap: 0;\n  }\n\n  \/* Info area *\/\n  .maroufturk-offer-plan__bandInfo{\n    padding: 18px 18px;\n    border-left: 1px solid var(--mt-line); \/* RTL: separator sits between areas *\/\n  }\n  .maroufturk-offer-plan__bandLabel{\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--mt-muted2);\n  }\n  .maroufturk-offer-plan__bandValue{\n    margin-top: 6px;\n    font-size: clamp(26px, 3vw, 42px);\n    font-weight: 950;\n    letter-spacing: -0.02em;\n  }\n  .maroufturk-offer-plan__bandNote{\n    margin-top: 10px;\n    color: var(--mt-muted);\n    line-height: 1.8;\n    font-size: 14px;\n    max-width: 70ch;\n  }\n\n  .maroufturk-offer-plan__actions{\n    margin-top: 14px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-plan__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #fff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.20);\n    border-radius: 12px;\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .maroufturk-offer-plan__btn:hover{ transform: translateY(-2px); filter: saturate(1.05) contrast(1.02); }\n  .maroufturk-offer-plan__btn--ghost{\n    color: var(--mt-ink);\n    background: rgba(255,122,24,.10);\n    box-shadow: none;\n  }\n\n  \/* Visual area *\/\n  .maroufturk-offer-plan__bandVisual{\n    padding: 18px 18px;\n    background:\n      radial-gradient(520px 240px at 50% 30%, rgba(255,122,24,.18), rgba(255,255,255,0) 60%),\n      linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.92));\n    min-height: 170px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  .maroufturk-offer-plan__rail{\n    width: 100%;\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-plan__node{\n    flex: 1;\n    min-width: 86px; \/* IMPORTANT: prevents collapsing *\/\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    text-align:center;\n    gap: 10px;\n    color: var(--mt-ink);\n    font-weight: 900;\n    font-size: 12px;\n  }\n\n  .maroufturk-offer-plan__node span{\n    width: 56px;\n    height: 56px;\n    border-radius: 16px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(0,0,0,.06);\n    box-shadow: 0 12px 30px rgba(0,0,0,.08);\n    font-weight: 950;\n    letter-spacing: .04em;\n  }\n\n  .maroufturk-offer-plan__node--glow span{\n    background: rgba(255,122,24,.16);\n    box-shadow: 0 18px 44px rgba(255,122,24,.18);\n  }\n\n  \/* ========= CARDS ========= *\/\n  .maroufturk-offer-plan__grid{\n    margin-top: 14px;\n    display:grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .maroufturk-offer-plan__card{\n    grid-column: span 4;\n    background: rgba(255,255,255,.92);\n    border-radius: 18px;\n    box-shadow: 0 18px 60px rgba(0,0,0,.08);\n    padding: 18px;\n    overflow:hidden;\n  }\n\n  .maroufturk-offer-plan__card--glass{\n    background:\n      radial-gradient(520px 260px at 0% 0%, rgba(255,122,24,.10), rgba(255,255,255,.92) 60%),\n      rgba(255,255,255,.92);\n  }\n  .maroufturk-offer-plan__card--dark{\n    background:\n      linear-gradient(180deg, rgba(0,0,0,.05), rgba(255,255,255,.92));\n  }\n\n  .maroufturk-offer-plan__cardTop{\n    display:flex;\n    align-items:center;\n    gap: 12px;\n  }\n\n  .maroufturk-offer-plan__icon{\n    width: 42px;\n    height: 42px;\n    border-radius: 14px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background: rgba(255,122,24,.14);\n    color: var(--mt-ink);\n    font-weight: 950;\n  }\n  .maroufturk-offer-plan__icon--alt{ background: rgba(255,154,60,.16); }\n  .maroufturk-offer-plan__icon--spark{ background: rgba(0,0,0,.06); }\n\n  .maroufturk-offer-plan__cardTitle{\n    font-weight: 950;\n    font-size: 16px;\n  }\n  .maroufturk-offer-plan__cardText{\n    margin: 10px 0 0;\n    color: var(--mt-muted);\n    line-height: 1.85;\n    font-size: 14px;\n  }\n\n  .maroufturk-offer-plan__list{\n    margin: 12px 0 0;\n    padding: 0 18px 0 0; \/* RTL bullet padding on right *\/\n    color: #333;\n    line-height: 1.9;\n    font-size: 13px;\n  }\n  .maroufturk-offer-plan__list li{ margin: 6px 0; }\n\n  .maroufturk-offer-plan__miniBtn{\n    margin-top: 12px;\n    width: 100%;\n    padding: 12px 14px;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #fff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.18);\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .maroufturk-offer-plan__miniBtn:hover{ transform: translateY(-2px); filter: saturate(1.05) contrast(1.02); }\n  .maroufturk-offer-plan__miniBtn--ghost{\n    color: var(--mt-ink);\n    background: rgba(255,122,24,.10);\n    box-shadow: none;\n  }\n\n  .maroufturk-offer-plan__note{\n    margin-top: 14px;\n    background: rgba(255,122,24,.10);\n    color: #1b1b1b;\n    border-radius: 16px;\n    padding: 14px 16px;\n    line-height: 1.9;\n    box-shadow: 0 14px 40px rgba(0,0,0,.06);\n  }\n\n  \/* ========= MODAL ========= *\/\n  .mt-plan-modal{\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n  }\n  .mt-plan-modal.is-open{ display:block; }\n\n  .mt-plan-modal__overlay{\n    position:absolute;\n    inset:0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .mt-plan-modal__panel{\n    position: relative;\n    width: min(920px, calc(100vw - 28px));\n    max-height: calc(100vh - 28px);\n    margin: 14px auto;\n    overflow: hidden;\n    background: #fff;\n    border-radius: 18px;\n    box-shadow: 0 30px 110px rgba(0,0,0,.35);\n    display:flex;\n    flex-direction:column;\n  }\n\n  .mt-plan-modal__top{\n    padding: 14px 16px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 12px;\n    background: rgba(255,122,24,.10);\n  }\n\n  .mt-plan-modal__title{\n    font-weight: 950;\n    font-size: 14px;\n    color: #1b1b1b;\n  }\n\n  .mt-plan-modal__close{\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    cursor: pointer;\n    background: rgba(0,0,0,.06);\n    font-weight: 950;\n  }\n\n  .mt-plan-modal__body{\n    padding: 16px;\n    overflow:auto;\n    color: #222;\n    line-height: 1.9;\n  }\n  .mt-plan-modal__body h3{\n    margin: 0 0 10px;\n    font-size: 18px;\n  }\n  .mt-plan-modal__body p{\n    margin: 0 0 12px;\n    color: #444;\n  }\n  .mt-plan-modal__body ul{\n    margin: 0;\n    padding: 0 18px 0 0; \/* RTL *\/\n  }\n  .mt-plan-modal__body li{ margin: 6px 0; }\n\n  .mt-plan-modal__bottom{\n    padding: 14px 16px;\n    display:flex;\n    justify-content:flex-start; \/* RTL: button on left visually *\/\n    background: rgba(0,0,0,.03);\n  }\n\n  .mt-plan-modal__btn{\n    padding: 12px 14px;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #fff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.18);\n  }\n\n  \/* ========= RESPONSIVE ========= *\/\n  @media (max-width: 1024px){\n    .maroufturk-offer-plan__band{\n      grid-template-columns: 1fr;\n    }\n    .maroufturk-offer-plan__bandInfo{\n      border-left: 0;\n      border-bottom: 1px solid var(--mt-line);\n    }\n    .maroufturk-offer-plan__grid .maroufturk-offer-plan__card{ grid-column: span 12; }\n    .maroufturk-offer-plan__rail{\n      flex-wrap: wrap;\n      justify-content:center;\n    }\n    .maroufturk-offer-plan__node{\n      flex: 0 0 auto;\n      min-width: 110px;\n    }\n  }\n\n  @media (max-width: 520px){\n    .maroufturk-offer-plan__node span{ width: 54px; height: 54px; }\n    .maroufturk-offer-plan__btn{ width: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .maroufturk-offer-plan__btn,\n    .maroufturk-offer-plan__miniBtn{ transition:none !important; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    if (window.__mtOfferPlanV2) return;\n    window.__mtOfferPlanV2 = true;\n\n    var modal = document.getElementById(\"mtPlanModal\");\n    if (!modal) return;\n\n    var panel = modal.querySelector(\".mt-plan-modal__panel\");\n    var titleEl = document.getElementById(\"mtPlanModalTitle\");\n    var bodyEl = document.getElementById(\"mtPlanModalBody\");\n\n    var content = {\n      timeline: {\n        title: \"\u0627\u0644\u0645\u0631\u0627\u062d\u0644 (\u0646\u0645\u0648\u0630\u062c\u064a\u0627\u064b)\",\n        body:\n          \"<h3>\u062e\u0637\u0629 \u062a\u0646\u0641\u064a\u0630 \u062e\u0644\u0627\u0644 4 \u2013 6 \u0623\u0633\u0627\u0628\u064a\u0639<\/h3>\" +\n          \"<ul>\" +\n          \"<li><strong>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 1:<\/strong> \u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u060c \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0642\u0628\u0648\u0644\u060c \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0640 APIs<\/li>\" +\n          \"<li><strong>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 2:<\/strong> \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u062a\u062c\u0627\u0647 UI\/UX \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/li>\" +\n          \"<li><strong>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 3:<\/strong> \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a (\u0643\u062a\u0627\u0644\u0648\u062c\u060c \u0645\u0646\u062a\u062c\u060c \u0633\u0644\u0629\u060c \u062f\u0641\u0639)<\/li>\" +\n          \"<li><strong>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 4:<\/strong> \u0627\u0644\u0637\u0644\u0628\u0627\u062a\u060c \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a\u060c \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 + QA<\/li>\" +\n          \"<li><strong>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 5\u20136 (\u0625\u0646 \u0644\u0632\u0645):<\/strong> \u062a\u062b\u0628\u064a\u062a\u060c \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u062a\u0627\u062c\u0631\u060c \u062f\u0639\u0645 \u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/li>\" +\n          \"<\/ul>\" +\n          \"<p>\u0642\u062f \u062a\u062a\u0642\u0644\u0635 \u0627\u0644\u0645\u062f\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0640 APIs \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0645\u0628\u0643\u0631\u064b\u0627.<\/p>\"\n      },\n      drivers: {\n        title: \"\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0629\u061f\",\n        body:\n          \"<h3>\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h3>\" +\n          \"<ul>\" +\n          \"<li>\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0640 APIs \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/li>\" +\n          \"<li>\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0648\u062a\u0648\u0641\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/li>\" +\n          \"<li>\u0639\u062f\u062f \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/li>\" +\n          \"<li>\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0623\u0642\u0633\u0627\u0645\u060c \u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0628\u0646\u0631\u0627\u062a\u060c \u0633\u064a\u0627\u0633\u0627\u062a)<\/li>\" +\n          \"<li>\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0641\u064a App Store \/ Play Store<\/li>\" +\n          \"<\/ul>\"\n      },\n      client: {\n        title: \"\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 (\u0643\u0627\u0645\u0644)\",\n        body:\n          \"<h3>\u0644\u0636\u0645\u0627\u0646 \u062a\u0646\u0641\u064a\u0630 \u0633\u0631\u064a\u0639<\/h3>\" +\n          \"<ul>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629: \u0634\u0639\u0627\u0631\u060c \u0623\u0644\u0648\u0627\u0646\u060c \u0645\u0631\u0627\u062c\u0639 UI<\/li>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u0647\u064a\u0643\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a (\u0627\u0644\u0623\u0642\u0633\u0627\u0645) + \u0639\u064a\u0646\u0627\u062a \u0645\u0646\u062a\u062c\u0627\u062a<\/li>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629: \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\u060c \u0627\u0644\u0634\u0631\u0648\u0637\u060c \u0627\u0644\u0634\u062d\u0646\/\u0627\u0644\u0625\u0631\u062c\u0627\u0639<\/li>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0640 APIs: Staging + Production<\/li>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639 (\u0625\u0646 \u0648\u062c\u062f\u062a)<\/li>\" +\n          \"<li>\u062a\u0648\u0641\u064a\u0631 \u062d\u0633\u0627\u0628\u0627\u062a Apple Developer \u0648 Google Play \u0644\u0644\u0646\u0634\u0631<\/li>\" +\n          \"<li>\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0648\u0631\u062f\u0648\u062f \u0633\u0631\u064a\u0639\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u0631\u062d\u0644\u064a\u0629<\/li>\" +\n          \"<\/ul>\"\n      },\n      assumptions: {\n        title: \"\u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a\",\n        body:\n          \"<h3>\u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0637\u0627\u0642<\/h3>\" +\n          \"<ul>\" +\n          \"<li>\u064a\u0642\u0648\u0645 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u062a\u0648\u0641\u064a\u0631\/\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0623\u0635\u0648\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628<\/li>\" +\n          \"<li>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 (SMS\u060c \u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u0648\u0627\u0628\u0627\u062a\u060c \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0634\u062d\u0646...) \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644<\/li>\" +\n          \"<li>\u0625\u0646 \u0644\u0645 \u064a\u0648\u062c\u062f Backend\/API\u060c \u064a\u062a\u0645 \u0627\u0642\u062a\u0631\u0627\u062d Backend \u0643\u0645\u0631\u062d\u0644\u0629 \u0645\u0633\u062a\u0642\u0644\u0629<\/li>\" +\n          \"<li>\u0627\u0644\u0646\u0634\u0631 \u0642\u062f \u064a\u062a\u0623\u062b\u0631 \u0628\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u0645\u062f\u0629 \u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627<\/li>\" +\n          \"<\/ul>\"\n      },\n      deps: {\n        title: \"\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\",\n        body:\n          \"<h3>\u062a\u062c\u0647\u064a\u0632 \u0645\u0628\u0643\u0631<\/h3>\" +\n          \"<ul>\" +\n          \"<li>APIs \u0645\u0633\u062a\u0642\u0631\u0629 (Staging \u0623\u0648\u0644\u0627\u064b) + \u062a\u0648\u062b\u064a\u0642 \u0648\u0627\u0636\u062d<\/li>\" +\n          \"<li>\u0645\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a (\u0627\u0644\u0628\u0646\u0643\/\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u0641\u0639)<\/li>\" +\n          \"<li>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0648\u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0648\u0645\u0646\u0637\u0642 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0644\u0628<\/li>\" +\n          \"<li>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0644\u0634\u0627\u0634\u0627\u062a<\/li>\" +\n          \"<li>\u0623\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u062c\u0631: \u0644\u0642\u0637\u0627\u062a \u0634\u0627\u0634\u0629\u060c \u0648\u0635\u0641\u060c \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/li>\" +\n          \"<\/ul>\"\n      }\n    };\n\n    function openModal(key) {\n      var data = content[key] || content.timeline;\n      titleEl.textContent = data.title;\n      bodyEl.innerHTML = data.body;\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n\n      setTimeout(function(){ panel && panel.focus && panel.focus(); }, 0);\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    document.addEventListener(\"click\", function (e) {\n      var btn = e.target.closest(\"[data-mt-plan-open]\");\n      if (btn) {\n        e.preventDefault();\n        openModal(btn.getAttribute(\"data-mt-plan-open\"));\n        return;\n      }\n      if (e.target.closest(\"[data-mt-plan-close]\")) {\n        e.preventDefault();\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) closeModal();\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79b7b76 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"79b7b76\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1357ab2\" data-id=\"1357ab2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-196f82f elementor-widget elementor-widget-html\" data-id=\"196f82f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ====== OFFER SECTION 5 (AR + RTL + WHITE\/ORANGE THEME) - Pricing + Support + Terms + WhatsApp CTA + POPUPS ======\nPaste into ONE Elementor HTML widget (replace your current section 5 completely).\n\nApplied:\n- Same approach as previous sections: FULL-BLEED (100vw + negative margins), NO outer whitespace, NO borders.\n- Theme changed to WHITE + ORANGE (no green).\n- RTL + Arabic content.\n- Mobile safe: no overlap, stacked correctly on small screens.\n- Button text changed to \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\" (Contact Us on WhatsApp).\n- WhatsApp number changed to: +49 174 5270901  (wa.me\/491745270901)\n============================================================================================================== -->\n<section class=\"maroufturk-offer-final v3\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0648\u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0634\u0631\u0648\u0637\" id=\"pricing\">\n  <div class=\"maroufturk-offer-final__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"maroufturk-offer-final__wrap\">\n    <header class=\"maroufturk-offer-final__head\">\n      <div class=\"maroufturk-offer-final__kicker\">\n        <span class=\"maroufturk-offer-final__kdot\" aria-hidden=\"true\"><\/span>\n        \u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0648\u0627\u0644\u0634\u0631\u0648\u0637\n      <\/div>\n\n      <h2 class=\"maroufturk-offer-final__title\">\n        \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u062b\u0627\u0628\u062a\u060c <span class=\"maroufturk-offer-final__accent\">\u062a\u063a\u0637\u064a\u0629 12 \u0634\u0647\u0631<\/span>\u060c\n        \u0648\u0634\u0631\u0648\u0637 \u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\n      <\/h2>\n\n      <p class=\"maroufturk-offer-final__lead\">\n        \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0636\u062d \u0645\u0639 \u0633\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629. \u0633\u062a\u062c\u062f \u0623\u062f\u0646\u0627\u0647 \u0645\u0627 \u064a\u0634\u0645\u0644\u0647 \u0627\u0644\u0639\u0631\u0636\u060c \u0648\u0645\u0627 \u0644\u0627 \u064a\u0634\u0645\u0644\u0647\u060c\n        \u0648\u0634\u0631\u0648\u0637 \u0627\u0644\u062f\u0641\u0639 \u2014 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0643\u0627\u0645\u0644\u0629.\n      <\/p>\n    <\/header>\n\n    <!-- Spotlight (mobile-safe) -->\n    <div class=\"maroufturk-offer-final__spotlight\" aria-label=\"\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0639\u0631 \u0648\u0627\u0644\u062a\u063a\u0637\u064a\u0629\">\n      <div class=\"maroufturk-offer-final__spotLeft\">\n        <div class=\"maroufturk-offer-final__label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/div>\n        <div class=\"maroufturk-offer-final__price\">28,000 \u0631.\u0633<\/div>\n        <div class=\"maroufturk-offer-final__note\">\u064a\u0634\u0645\u0644 12 \u0634\u0647\u0631 \u062f\u0639\u0645 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0635\u064a\u0627\u0646\u0629<\/div>\n\n        <div class=\"maroufturk-offer-final__badges\" aria-hidden=\"true\">\n          <span class=\"maroufturk-offer-final__badge\">iOS + Android<\/span>\n          <span class=\"maroufturk-offer-final__badge\">Flutter<\/span>\n          <span class=\"maroufturk-offer-final__badge\">\u062c\u0627\u0647\u0632 \u0644\u0644\u0646\u0634\u0631<\/span>\n        <\/div>\n\n        <div class=\"maroufturk-offer-final__actions\">\n          <button\n            class=\"maroufturk-offer-final__btn\"\n            type=\"button\"\n            data-mt-final-open=\"support\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtFinalModalV3\"\n          >\n            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062f\u0639\u0645 <span aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n\n          <button\n            class=\"maroufturk-offer-final__btn maroufturk-offer-final__btn--ghost\"\n            type=\"button\"\n            data-mt-final-open=\"terms\"\n            aria-haspopup=\"dialog\"\n            aria-controls=\"mtFinalModalV3\"\n          >\n            \u0634\u0631\u0648\u0637 \u0627\u0644\u062f\u0641\u0639 <span aria-hidden=\"true\">\u2190<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: redesigned to never overlap -->\n      <div class=\"maroufturk-offer-final__spotRight\" aria-hidden=\"true\">\n        <div class=\"maroufturk-offer-final__panel\">\n          <div class=\"maroufturk-offer-final__panelShine\"><\/div>\n\n          <div class=\"maroufturk-offer-final__panelHeader\">\n            <div class=\"maroufturk-offer-final__panelK\">12 \u0634\u0647\u0631<\/div>\n            <div class=\"maroufturk-offer-final__panelT\">\u062f\u0639\u0645 \u0648\u0635\u064a\u0627\u0646\u0629<\/div>\n            <div class=\"maroufturk-offer-final__panelS\">\u0645\u0634\u0645\u0648\u0644<\/div>\n          <\/div>\n\n          <div class=\"maroufturk-offer-final__panelGrid\">\n            <div class=\"maroufturk-offer-final__mini\">\n              <div class=\"maroufturk-offer-final__miniK\">\u062a\u062d\u062f\u064a\u062b\u0627\u062a<\/div>\n              <div class=\"maroufturk-offer-final__miniV\">\u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0643\u062a\u0628\u0627\u062a<\/div>\n            <\/div>\n            <div class=\"maroufturk-offer-final__mini\">\n              <div class=\"maroufturk-offer-final__miniK\">\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/div>\n              <div class=\"maroufturk-offer-final__miniV\">\u0625\u0635\u0644\u0627\u062d \u0623\u062e\u0637\u0627\u0621<\/div>\n            <\/div>\n            <div class=\"maroufturk-offer-final__mini\">\n              <div class=\"maroufturk-offer-final__miniK\">\u0623\u0645\u0627\u0646<\/div>\n              <div class=\"maroufturk-offer-final__miniV\">\u062a\u0635\u062d\u064a\u062d\u0627\u062a<\/div>\n            <\/div>\n            <div class=\"maroufturk-offer-final__mini\">\n              <div class=\"maroufturk-offer-final__miniK\">\u062a\u062d\u0633\u064a\u0646\u0627\u062a<\/div>\n              <div class=\"maroufturk-offer-final__miniV\">UX \u0628\u0633\u064a\u0637<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Commercial cards -->\n    <div class=\"maroufturk-offer-final__grid\" role=\"list\">\n      <article class=\"maroufturk-offer-final__card maroufturk-offer-final__card--glass\" role=\"listitem\">\n        <div class=\"maroufturk-offer-final__cardTop\">\n          <div class=\"maroufturk-offer-final__icon\" aria-hidden=\"true\">\u2605<\/div>\n          <div class=\"maroufturk-offer-final__cardTitle\">\u0627\u0644\u0645\u0634\u0645\u0648\u0644 (12 \u0634\u0647\u0631)<\/div>\n        <\/div>\n\n        <ul class=\"maroufturk-offer-final__list\">\n          <li>\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/li>\n          <li>\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062a\u0648\u0627\u0641\u0642 Android \/ iOS<\/li>\n          <li>\u062a\u0635\u062d\u064a\u062d\u0627\u062a \u0623\u0645\u0646\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a<\/li>\n          <li>\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0648\u0627\u062c\u0647\u0629 \u0628\u0633\u064a\u0637\u0629 (\u0636\u0645\u0646 \u0646\u0637\u0627\u0642 \u0645\u0639\u0642\u0648\u0644)<\/li>\n          <li>\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0631\u062c\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629<\/li>\n        <\/ul>\n\n        <button class=\"maroufturk-offer-final__miniBtn\" type=\"button\" data-mt-final-open=\"support\" aria-haspopup=\"dialog\" aria-controls=\"mtFinalModalV3\">\n          \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <article class=\"maroufturk-offer-final__card maroufturk-offer-final__card--dark\" role=\"listitem\">\n        <div class=\"maroufturk-offer-final__cardTop\">\n          <div class=\"maroufturk-offer-final__icon maroufturk-offer-final__icon--alt\" aria-hidden=\"true\">\u2691<\/div>\n          <div class=\"maroufturk-offer-final__cardTitle\">\u063a\u064a\u0631 \u0645\u0634\u0645\u0648\u0644<\/div>\n        <\/div>\n\n        <ul class=\"maroufturk-offer-final__list\">\n          <li>\u062a\u0637\u0648\u064a\u0631 Backend \/ \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 (\u0625\u0646 \u0644\u0645 \u062a\u0643\u0646 \u0645\u0648\u062c\u0648\u062f\u0629)<\/li>\n          <li>\u062a\u0643\u0627\u0645\u0644\u0627\u062a ERP \u0645\u0639\u0642\u062f\u0629 \u0623\u0648 \u0623\u062a\u0645\u062a\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/li>\n          <li>\u0648\u0644\u0627\u0621\/\u0646\u0642\u0627\u0637\u060c \u0627\u0634\u062a\u0631\u0627\u0643\u0627\u062a\u060c Multi-vendor<\/li>\n          <li>\u0625\u062f\u062e\u0627\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u062c\u0645\u0644\u0629\/\u0625\u062f\u0627\u0631\u0629 \u0645\u062d\u062a\u0648\u0649 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0643\u0628\u064a\u0631<\/li>\n          <li>\u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0643\u0628\u064a\u0631\u0629 \u0623\u0648 \u0648\u062d\u062f\u0627\u062a \u062c\u062f\u064a\u062f\u0629<\/li>\n        <\/ul>\n\n        <button class=\"maroufturk-offer-final__miniBtn maroufturk-offer-final__miniBtn--ghost\" type=\"button\" data-mt-final-open=\"excluded\" aria-haspopup=\"dialog\" aria-controls=\"mtFinalModalV3\">\n          \u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n\n      <article class=\"maroufturk-offer-final__card maroufturk-offer-final__card--bright\" role=\"listitem\">\n        <div class=\"maroufturk-offer-final__cardTop\">\n          <div class=\"maroufturk-offer-final__icon maroufturk-offer-final__icon--spark\" aria-hidden=\"true\">\u2713<\/div>\n          <div class=\"maroufturk-offer-final__cardTitle\">\u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0639\u0631\u0636<\/div>\n        <\/div>\n\n        <p class=\"maroufturk-offer-final__cardText\">\n          \u0647\u0630\u0627 \u0627\u0644\u0639\u0631\u0636 \u0635\u0627\u0644\u062d \u0644\u0645\u062f\u0629 <strong>14 \u064a\u0648\u0645\u064b\u0627<\/strong> \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u060c \u062d\u0633\u0628 \u062a\u0648\u0641\u0631 \u0627\u0644\u062c\u062f\u0648\u0644 \u0648\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0646\u0637\u0627\u0642.\n        <\/p>\n\n        <div class=\"maroufturk-offer-final__validRow\" aria-hidden=\"true\">\n          <div class=\"maroufturk-offer-final__validPill\">\u0633\u0639\u0631 \u062b\u0627\u0628\u062a<\/div>\n          <div class=\"maroufturk-offer-final__validPill\">\u062f\u0639\u0645 \u0633\u0646\u0629<\/div>\n          <div class=\"maroufturk-offer-final__validPill\">\u062a\u0633\u0644\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\n        <\/div>\n\n        <button class=\"maroufturk-offer-final__miniBtn\" type=\"button\" data-mt-final-open=\"validity\" aria-haspopup=\"dialog\" aria-controls=\"mtFinalModalV3\">\n          \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 <span aria-hidden=\"true\">\u2190<\/span>\n        <\/button>\n      <\/article>\n    <\/div>\n\n    <!-- WhatsApp CTA -->\n    <div class=\"maroufturk-offer-final__cta\" aria-label=\"\u062f\u0639\u0648\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0625\u062c\u0631\u0627\u0621\">\n      <div class=\"maroufturk-offer-final__ctaGlow\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"maroufturk-offer-final__ctaLeft\">\n        <div class=\"maroufturk-offer-final__ctaTitle\">\u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u0644\u0628\u062f\u0621\u061f<\/div>\n        <div class=\"maroufturk-offer-final__ctaText\">\n          \u0625\u0630\u0627 \u0643\u0627\u0646 \u0643\u0644 \u0634\u064a\u0621 \u0645\u062a\u0648\u0627\u0641\u0642\u064b\u0627\u060c \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\n        <\/div>\n      <\/div>\n\n      <div class=\"maroufturk-offer-final__ctaRight\">\n        <a class=\"maroufturk-offer-final__wa\" href=\"https:\/\/wa.me\/491745270901?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D8%8C%20%D8%A7%D8%B7%D9%84%D8%B9%D9%86%D8%A7%20%D8%B9%D9%84%D9%89%20%D8%B9%D8%B1%D8%B6%20%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%20%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D8%A9%20%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9%20%28%E2%82%AC5%2C960%20%D9%85%D8%B9%20%D8%AF%D8%B9%D9%85%2012%20%D8%B4%D9%87%D8%B1%29%20%D9%88%D9%86%D9%88%D8%AF%20%D8%A7%D9%84%D9%85%D8%AA%D8%A7%D8%A8%D8%B9%D8%A9.%20%D9%8A%D8%B1%D8%AC%D9%89%20%D9%85%D8%B4%D8%A7%D8%B1%D9%83%D8%A9%20%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%A7%D8%AA%20%D8%A7%D9%84%D8%AA%D8%A7%D9%84%D9%8A%D8%A9.\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\n          <span class=\"maroufturk-offer-final__waIcon\" aria-hidden=\"true\">\ud83d\udfe2<\/span>\n          \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n          <span class=\"maroufturk-offer-final__waArrow\" aria-hidden=\"true\">\u2190<\/span>\n        <\/a>\n\n        <button class=\"maroufturk-offer-final__copy\" type=\"button\" data-mt-copy-wa aria-label=\"\u0646\u0633\u062e \u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\">\n          \u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645\n        <\/button>\n\n        <div class=\"maroufturk-offer-final__copyHint\" id=\"mtCopyHintV3\" aria-live=\"polite\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== Modal (Popup) ===== -->\n  <div class=\"mt-final-modal\" id=\"mtFinalModalV3\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0648\u0627\u0644\u0634\u0631\u0648\u0637\">\n    <div class=\"mt-final-modal__overlay\" data-mt-final-close><\/div>\n\n    <div class=\"mt-final-modal__panel\" role=\"document\" tabindex=\"-1\">\n      <div class=\"mt-final-modal__top\">\n        <div class=\"mt-final-modal__title\" id=\"mtFinalModalTitleV3\">\u062a\u0641\u0627\u0635\u064a\u0644<\/div>\n        <button class=\"mt-final-modal__close\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\" data-mt-final-close>\u2715<\/button>\n      <\/div>\n\n      <div class=\"mt-final-modal__body\" id=\"mtFinalModalBodyV3\"><\/div>\n\n      <div class=\"mt-final-modal__bottom\">\n        <button class=\"mt-final-modal__btn\" type=\"button\" data-mt-final-close>\u0625\u063a\u0644\u0627\u0642<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===== FULL-BLEED + NO OUTER WHITESPACE (same pattern as previous sections) ===== *\/\n  .maroufturk-offer-final.v3{\n    --mt-orange:#ff7a18;\n    --mt-orange-2:#ff9a3c;\n\n    position: relative;\n    left: 50%;\n    right: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    margin-right: -50vw;\n\n    padding: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n\n    background: #ffffff;\n    color: #141414;\n    overflow: hidden;\n\n    display:flex;\n    justify-content:center;\n\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans Arabic\", \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n  }\n  .maroufturk-offer-final.v3,\n  .maroufturk-offer-final.v3 *{ box-sizing: border-box; }\n  .maroufturk-offer-final.v3 *{ border: 0 !important; outline: none; }\n\n  .maroufturk-offer-final__bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(1100px 560px at 15% 20%, rgba(255,122,24,.14), rgba(255,255,255,0) 60%),\n      radial-gradient(900px 560px at 85% 25%, rgba(255,154,60,.12), rgba(255,255,255,0) 60%),\n      linear-gradient(180deg, #ffffff 0%, #fff7f0 52%, #ffffff 100%);\n  }\n\n  .maroufturk-offer-final__wrap{\n    position: relative;\n    width: min(1240px, 100%);\n    margin: 0 auto;\n    padding: clamp(22px, 4vw, 56px) clamp(14px, 3vw, 28px);\n  }\n\n  .maroufturk-offer-final__head{ max-width: 92ch; }\n\n  .maroufturk-offer-final__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: rgba(255,122,24,.10);\n    color: #1b1b1b;\n    font-weight: 950;\n    letter-spacing: .02em;\n    font-size: 12px;\n    border-radius: 999px;\n  }\n  .maroufturk-offer-final__kdot{\n    width: 10px; height: 10px; border-radius: 999px;\n    background: radial-gradient(circle at 30% 30%, #ffffff, var(--mt-orange));\n    box-shadow: 0 0 0 7px rgba(255,122,24,.10);\n  }\n\n  .maroufturk-offer-final__title{\n    margin: 14px 0 0;\n    font-size: clamp(24px, 3.6vw, 44px);\n    line-height: 1.12;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n  }\n\n  .maroufturk-offer-final__accent{\n    background: linear-gradient(90deg, var(--mt-orange) 0%, var(--mt-orange-2) 70%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .maroufturk-offer-final__lead{\n    margin: 10px 0 0;\n    font-size: clamp(14px, 1.25vw, 17px);\n    line-height: 1.9;\n    color: rgba(0,0,0,.62);\n    max-width: 92ch;\n  }\n\n  \/* Spotlight *\/\n  .maroufturk-offer-final__spotlight{\n    margin-top: clamp(16px, 2.8vw, 26px);\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 14px;\n    padding: 16px;\n    background: rgba(255,255,255,.92);\n    box-shadow: 0 18px 60px rgba(0,0,0,.08);\n    border-radius: 18px;\n    overflow:hidden;\n    animation: mtFinalIn 720ms cubic-bezier(.2,.9,.2,1) both;\n  }\n\n  .maroufturk-offer-final__label{\n    font-size: 12px;\n    letter-spacing: .02em;\n    color: rgba(0,0,0,.60);\n    font-weight: 900;\n  }\n  .maroufturk-offer-final__price{\n    margin-top: 6px;\n    font-size: clamp(34px, 3.6vw, 52px);\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    line-height: 1.02;\n  }\n  .maroufturk-offer-final__note{\n    margin-top: 10px;\n    color: rgba(0,0,0,.60);\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  .maroufturk-offer-final__badges{\n    margin-top: 14px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .maroufturk-offer-final__badge{\n    padding: 8px 10px;\n    background: rgba(255,122,24,.12);\n    color: rgba(0,0,0,.78);\n    font-weight: 950;\n    font-size: 12px;\n    letter-spacing: .02em;\n    white-space: nowrap;\n    border-radius: 999px;\n  }\n\n  .maroufturk-offer-final__actions{\n    margin-top: 14px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-final__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.20);\n    border-radius: 12px;\n    transition: transform .2s ease, filter .2s ease;\n    white-space: nowrap;\n  }\n  .maroufturk-offer-final__btn:hover{ transform: translateY(-2px); filter: saturate(1.05) contrast(1.02); }\n  .maroufturk-offer-final__btn:active{ transform: translateY(0) scale(.99); }\n\n  .maroufturk-offer-final__btn--ghost{\n    color: #1b1b1b;\n    background: rgba(0,0,0,.06);\n    box-shadow: none;\n  }\n\n  \/* Right panel (never overlaps) *\/\n  .maroufturk-offer-final__spotRight{ display:flex; align-items:stretch; }\n  .maroufturk-offer-final__panel{\n    width: 100%;\n    padding: 16px;\n    background: rgba(0,0,0,.03);\n    border-radius: 16px;\n    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n    position: relative;\n    overflow:hidden;\n  }\n  .maroufturk-offer-final__panelShine{\n    position:absolute;\n    inset:-40% -40%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.65) 50%, rgba(255,255,255,0) 65%);\n    transform: rotate(20deg);\n    animation: mtFinalShine 7.2s linear infinite;\n    opacity: .35;\n    pointer-events:none;\n  }\n  .maroufturk-offer-final__panelHeader{\n    position: relative;\n    padding: 14px 14px;\n    background: rgba(255,122,24,.12);\n    border-radius: 14px;\n    text-align:center;\n  }\n  .maroufturk-offer-final__panelK{\n    font-weight: 950;\n    letter-spacing: .02em;\n    font-size: 12px;\n    color: rgba(0,0,0,.70);\n  }\n  .maroufturk-offer-final__panelT{\n    margin-top: 8px;\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    font-size: clamp(18px, 2.2vw, 22px);\n    color: rgba(0,0,0,.88);\n    line-height: 1.15;\n  }\n  .maroufturk-offer-final__panelS{\n    margin-top: 8px;\n    font-weight: 950;\n    letter-spacing: .04em;\n    font-size: 12px;\n    color: rgba(0,0,0,.60);\n  }\n\n  .maroufturk-offer-final__panelGrid{\n    position: relative;\n    margin-top: 12px;\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  .maroufturk-offer-final__mini{\n    padding: 12px;\n    background: rgba(255,255,255,.85);\n    border-radius: 14px;\n    box-shadow: 0 10px 26px rgba(0,0,0,.06);\n    min-width: 0;\n  }\n  .maroufturk-offer-final__miniK{\n    font-size: 12px;\n    color: rgba(0,0,0,.60);\n    font-weight: 950;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .maroufturk-offer-final__miniV{\n    margin-top: 6px;\n    font-size: 13px;\n    color: rgba(0,0,0,.82);\n    font-weight: 900;\n    line-height: 1.25;\n  }\n\n  \/* Cards *\/\n  .maroufturk-offer-final__grid{\n    margin-top: 14px;\n    display:grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 14px;\n  }\n  .maroufturk-offer-final__card{\n    grid-column: span 4;\n    padding: 18px;\n    background: rgba(255,255,255,.92);\n    border-radius: 18px;\n    box-shadow: 0 18px 60px rgba(0,0,0,.08);\n    overflow:hidden;\n    min-width: 0;\n    animation: mtFinalIn 820ms cubic-bezier(.2,.9,.2,1) both;\n  }\n  .maroufturk-offer-final__card--glass{\n    background:\n      radial-gradient(520px 260px at 0% 0%, rgba(255,122,24,.12), rgba(255,255,255,.92) 60%),\n      rgba(255,255,255,.92);\n  }\n  .maroufturk-offer-final__card--dark{\n    background:\n      linear-gradient(180deg, rgba(0,0,0,.04), rgba(255,255,255,.92));\n  }\n  .maroufturk-offer-final__card--bright{\n    background:\n      linear-gradient(180deg, rgba(255,122,24,.10), rgba(255,255,255,.92));\n  }\n\n  .maroufturk-offer-final__cardTop{ display:flex; align-items:center; gap: 12px; }\n  .maroufturk-offer-final__icon{\n    width: 42px; height: 42px;\n    border-radius: 14px;\n    display:flex; align-items:center; justify-content:center;\n    background: rgba(255,122,24,.14);\n    color: rgba(0,0,0,.88);\n    font-weight: 950; font-size: 18px;\n    flex: 0 0 auto;\n  }\n  .maroufturk-offer-final__icon--alt{ background: rgba(0,0,0,.06); }\n  .maroufturk-offer-final__icon--spark{ background: rgba(255,154,60,.16); }\n\n  .maroufturk-offer-final__cardTitle{\n    font-weight: 950;\n    letter-spacing: -0.01em;\n    font-size: 16px;\n    color: rgba(0,0,0,.88);\n  }\n\n  .maroufturk-offer-final__cardText{\n    margin: 12px 0 0;\n    color: rgba(0,0,0,.62);\n    line-height: 1.85;\n    font-size: 14px;\n  }\n\n  .maroufturk-offer-final__list{\n    margin: 14px 0 0;\n    padding: 0 18px 0 0; \/* RTL *\/\n    color: rgba(0,0,0,.78);\n    line-height: 1.9;\n    font-size: 13px;\n  }\n  .maroufturk-offer-final__list li{ margin: 6px 0; }\n\n  .maroufturk-offer-final__miniBtn{\n    margin-top: 14px;\n    width: 100%;\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.20);\n    border-radius: 12px;\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .maroufturk-offer-final__miniBtn:hover{ transform: translateY(-2px); filter: saturate(1.05) contrast(1.02); }\n  .maroufturk-offer-final__miniBtn:active{ transform: translateY(0) scale(.99); }\n\n  .maroufturk-offer-final__miniBtn--ghost{\n    color: #1b1b1b;\n    background: rgba(0,0,0,.06);\n    box-shadow: none;\n  }\n\n  .maroufturk-offer-final__validRow{\n    margin-top: 12px;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .maroufturk-offer-final__validPill{\n    padding: 8px 10px;\n    background: rgba(255,122,24,.12);\n    color: rgba(0,0,0,.76);\n    font-weight: 950;\n    font-size: 12px;\n    letter-spacing: .02em;\n    white-space: nowrap;\n    border-radius: 999px;\n  }\n\n  \/* CTA *\/\n  .maroufturk-offer-final__cta{\n    margin-top: 14px;\n    position: relative;\n    padding: 18px;\n    background: rgba(255,255,255,.92);\n    border-radius: 18px;\n    box-shadow: 0 18px 60px rgba(0,0,0,.08);\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 14px;\n  }\n  .maroufturk-offer-final__ctaGlow{\n    position:absolute;\n    inset:-60% -40%;\n    background: radial-gradient(circle at 25% 45%, rgba(255,122,24,.18), rgba(255,255,255,0) 60%);\n    animation: mtFinalGlow 7.2s ease-in-out infinite;\n    opacity: .95;\n    pointer-events:none;\n  }\n  .maroufturk-offer-final__ctaLeft{ position: relative; max-width: 72ch; min-width: 0; }\n  .maroufturk-offer-final__ctaTitle{\n    font-weight: 950;\n    letter-spacing: -0.02em;\n    font-size: clamp(18px, 2.0vw, 22px);\n    color: rgba(0,0,0,.90);\n  }\n  .maroufturk-offer-final__ctaText{\n    margin-top: 8px;\n    color: rgba(0,0,0,.62);\n    line-height: 1.85;\n    font-size: 14px;\n  }\n\n  .maroufturk-offer-final__ctaRight{\n    position: relative;\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    justify-content:flex-start;\n    align-items:center;\n    min-width: 0;\n  }\n\n  .maroufturk-offer-final__wa{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap: 10px;\n    padding: 14px 16px;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.22);\n    text-decoration: none !important;\n    transition: transform .2s ease, filter .2s ease;\n    white-space: nowrap;\n    border-radius: 12px;\n    max-width: 100%;\n  }\n  .maroufturk-offer-final__wa:hover{ transform: translateY(-2px); filter: saturate(1.05) contrast(1.02); }\n  .maroufturk-offer-final__wa:active{ transform: translateY(0) scale(.99); }\n  .maroufturk-offer-final__waArrow{ font-size: 18px; transform: translateY(-1px); }\n\n  .maroufturk-offer-final__copy{\n    padding: 14px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: rgba(0,0,0,.86);\n    background: rgba(0,0,0,.06);\n    transition: transform .2s ease, filter .2s ease;\n    white-space: nowrap;\n    border-radius: 12px;\n  }\n  .maroufturk-offer-final__copy:hover{ transform: translateY(-2px); filter: brightness(1.05); }\n  .maroufturk-offer-final__copy:active{ transform: translateY(0) scale(.99); }\n\n  .maroufturk-offer-final__copyHint{\n    width: 100%;\n    min-height: 18px;\n    color: rgba(0,0,0,.58);\n    font-size: 12px;\n    letter-spacing: .02em;\n    font-weight: 900;\n  }\n\n  \/* Modal *\/\n  .mt-final-modal{ position: fixed; inset: 0; z-index: 999999; display: none; }\n  .mt-final-modal.is-open{ display:block; }\n  .mt-final-modal__overlay{\n    position:absolute; inset:0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  .mt-final-modal__panel{\n    position: relative;\n    width: min(980px, calc(100vw - 28px));\n    max-height: calc(100vh - 28px);\n    margin: 14px auto;\n    overflow: hidden;\n    background: #ffffff;\n    border-radius: 18px;\n    box-shadow: 0 30px 110px rgba(0,0,0,.25);\n  }\n  .mt-final-modal__top{\n    display:flex; align-items:center; justify-content:space-between; gap: 14px;\n    padding: 14px 16px;\n    background: rgba(255,122,24,.10);\n  }\n  .mt-final-modal__title{\n    font-weight: 950;\n    letter-spacing: .02em;\n    font-size: 13px;\n    color: rgba(0,0,0,.86);\n  }\n  .mt-final-modal__close{\n    width: 40px; height: 40px;\n    display:inline-flex; align-items:center; justify-content:center;\n    background: rgba(0,0,0,.06);\n    color: rgba(0,0,0,.86);\n    cursor: pointer;\n    font-weight: 950;\n    border-radius: 12px;\n    transition: transform .2s ease, filter .2s ease;\n  }\n  .mt-final-modal__close:hover{ transform: translateY(-1px); filter: brightness(1.05); }\n\n  .mt-final-modal__body{\n    padding: 16px;\n    color: rgba(0,0,0,.86);\n    overflow:auto;\n    max-height: calc(100vh - 160px);\n    line-height: 1.9;\n  }\n  .mt-final-modal__body h3{ margin: 0 0 10px; font-size: 18px; }\n  .mt-final-modal__body p{ margin: 0 0 12px; color: rgba(0,0,0,.70); }\n  .mt-final-modal__body ul{ margin: 0; padding: 0 18px 0 0; }\n  .mt-final-modal__body li{ margin: 6px 0; }\n\n  .mt-final-modal__bottom{\n    padding: 14px 16px 16px;\n    background: rgba(0,0,0,.03);\n    display:flex;\n    justify-content:flex-start;\n  }\n  .mt-final-modal__btn{\n    padding: 12px 14px;\n    cursor: pointer;\n    font-weight: 950;\n    color: #ffffff;\n    background: linear-gradient(90deg, var(--mt-orange), var(--mt-orange-2));\n    box-shadow: 0 14px 40px rgba(255,122,24,.20);\n    border-radius: 12px;\n  }\n\n  \/* Animations *\/\n  @keyframes mtFinalIn{\n    from{ opacity: 0; transform: translateY(10px) scale(.99); }\n    to{ opacity: 1; transform: translateY(0) scale(1); }\n  }\n  @keyframes mtFinalShine{\n    0%{ transform: translateX(-18%) rotate(20deg); }\n    100%{ transform: translateX(18%) rotate(20deg); }\n  }\n  @keyframes mtFinalGlow{\n    0%,100%{ transform: translateY(0); opacity:.85; }\n    50%{ transform: translateY(-10px); opacity:1; }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px){\n    .maroufturk-offer-final__spotlight{ grid-template-columns: 1fr; }\n    .maroufturk-offer-final__card{ grid-column: span 12; }\n    .maroufturk-offer-final__cta{ flex-direction: column; align-items:flex-start; }\n    .maroufturk-offer-final__ctaRight{ width: 100%; }\n  }\n  @media (max-width: 560px){\n    .maroufturk-offer-final__panelGrid{ grid-template-columns: 1fr; }\n    .maroufturk-offer-final__actions{ width: 100%; }\n    .maroufturk-offer-final__btn{ width: 100%; }\n    .maroufturk-offer-final__wa, .maroufturk-offer-final__copy{ width: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .maroufturk-offer-final__panelShine,\n    .maroufturk-offer-final__ctaGlow,\n    .maroufturk-offer-final__spotlight,\n    .maroufturk-offer-final__card{ animation: none !important; }\n    .maroufturk-offer-final__btn,\n    .maroufturk-offer-final__miniBtn,\n    .maroufturk-offer-final__wa,\n    .maroufturk-offer-final__copy,\n    .mt-final-modal__close{ transition: none !important; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    if (window.__mtOfferFinalV3) return;\n    window.__mtOfferFinalV3 = true;\n\n    var modal = document.getElementById(\"mtFinalModalV3\");\n    if (!modal) return;\n\n    var titleEl = document.getElementById(\"mtFinalModalTitleV3\");\n    var bodyEl = document.getElementById(\"mtFinalModalBodyV3\");\n    var panel = modal.querySelector(\".mt-final-modal__panel\");\n\n    var content = {\n      support: {\n        title: \"\u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0644\u0645\u062f\u0629 12 \u0634\u0647\u0631 (\u0645\u0634\u0645\u0648\u0644)\",\n        body:\n          \"<h3>\u064a\u0634\u0645\u0644 \u0627\u0644\u062f\u0639\u0645<\/h3>\" +\n          \"<ul>\" +\n          \"<li>\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/li>\" +\n          \"<li>\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062a\u0648\u0627\u0641\u0642 Android \/ iOS<\/li>\" +\n          \"<li>\u062a\u0635\u062d\u064a\u062d\u0627\u062a \u0623\u0645\u0646\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a<\/li>\" +\n          \"<li>\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u0648\u0627\u062c\u0647\u0629 \u0636\u0645\u0646 \u0646\u0637\u0627\u0642 \u0645\u0639\u0642\u0648\u0644<\/li>\" +\n          \"<li>\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0631\u062c\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629<\/li>\" +\n          \"<\/ul>\" +\n          \"<p><strong>\u0645\u0644\u0627\u062d\u0638\u0629:<\/strong> \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0623\u0648 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0623\u0648 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0634\u0627\u0645\u0644 \u062a\u064f\u0633\u0639\u0651\u0631 \u0643\u0637\u0644\u0628\u0627\u062a \u062a\u063a\u064a\u064a\u0631 \u0645\u0646\u0641\u0635\u0644\u0629.<\/p>\"\n      },\n      terms: {\n        title: \"\u0634\u0631\u0648\u0637 \u0627\u0644\u062f\u0641\u0639\",\n        body:\n          \"<h3>\u0627\u0644\u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\" +\n          \"<ul>\" +\n          \"<li><strong>50%<\/strong> \u062f\u0641\u0639\u0629 \u0645\u0642\u062f\u0645\u0629 \u0644\u0628\u062f\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/li>\" +\n          \"<li><strong>30%<\/strong> \u0628\u0639\u062f \u0627\u0639\u062a\u0645\u0627\u062f UI\/UX \u0648\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/li>\" +\n          \"<li><strong>20%<\/strong> \u0639\u0646\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0646\u0634\u0631\/\u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/li>\" +\n          \"<\/ul>\" +\n          \"<p>\u0627\u0644\u0646\u0634\u0631 \u064a\u062a\u0637\u0644\u0628 \u062d\u0633\u0627\u0628\u0627\u062a \u0645\u0637\u0648\u0631 Apple \u0648 Google \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0639\u0645\u064a\u0644.<\/p>\"\n      },\n      excluded: {\n        title: \"\u063a\u064a\u0631 \u0645\u0634\u0645\u0648\u0644 (\u064a\u0645\u0643\u0646 \u062a\u0633\u0639\u064a\u0631\u0647 \u0643\u0625\u0636\u0627\u0641\u0627\u062a)\",\n        body:\n          \"<h3>\u064a\u0645\u0643\u0646 \u062a\u0633\u0639\u064a\u0631\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0641\u0635\u0644<\/h3>\" +\n          \"<ul>\" +\n          \"<li>Backend \/ \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0625\u0630\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0645\u062a\u0648\u0641\u0631\u0629<\/li>\" +\n          \"<li>\u062a\u0643\u0627\u0645\u0644\u0627\u062a ERP \u0645\u0639\u0642\u062f\u0629 \u0623\u0648 \u0623\u062a\u0645\u062a\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/li>\" +\n          \"<li>\u0648\u0644\u0627\u0621\/\u0646\u0642\u0627\u0637\u060c \u0627\u0634\u062a\u0631\u0627\u0643\u0627\u062a\u060c Multi-vendor<\/li>\" +\n          \"<li>\u0625\u062f\u062e\u0627\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0643\u0628\u064a\u0631<\/li>\" +\n          \"<li>\u062a\u0648\u0633\u0639\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0623\u0648 \u0648\u062d\u062f\u0627\u062a \u062c\u062f\u064a\u062f\u0629<\/li>\" +\n          \"<\/ul>\"\n      },\n      validity: {\n        title: \"\u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0639\u0631\u0636 \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a\",\n        body:\n          \"<h3>\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629<\/h3>\" +\n          \"<p>\u0647\u0630\u0627 \u0627\u0644\u0639\u0631\u0636 \u0635\u0627\u0644\u062d \u0644\u0645\u062f\u0629 <strong>14 \u064a\u0648\u0645\u064b\u0627<\/strong> \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u060c \u062d\u0633\u0628 \u062a\u0648\u0641\u0631 \u0627\u0644\u062c\u062f\u0648\u0644 \u0648\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0646\u0637\u0627\u0642.<\/p>\" +\n          \"<ul>\" +\n          \"<li>\u0631\u0633\u0648\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u062a\u064f\u062f\u0641\u0639 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0639\u0645\u064a\u0644<\/li>\" +\n          \"<li>\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u064a\u062a\u0645 \u062e\u0644\u0627\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a<\/li>\" +\n          \"<li>\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/li>\" +\n          \"<\/ul>\"\n      }\n    };\n\n    function openModal(key) {\n      var data = content[key] || content.support;\n      titleEl.textContent = data.title;\n      bodyEl.innerHTML = data.body;\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n      setTimeout(function(){ panel && panel.focus && panel.focus(); }, 0);\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    document.addEventListener(\"click\", function (e) {\n      var btn = e.target.closest(\"[data-mt-final-open]\");\n      if (btn) { e.preventDefault(); openModal(btn.getAttribute(\"data-mt-final-open\")); return; }\n      if (e.target.closest(\"[data-mt-final-close]\")) { e.preventDefault(); closeModal(); }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) closeModal();\n    });\n\n    \/\/ Copy WhatsApp number\n    var copyBtn = document.querySelector(\"[data-mt-copy-wa]\");\n    var hint = document.getElementById(\"mtCopyHintV3\");\n    var numberPretty = \"+49 174 5270901\";\n    var numberPlain = \"+491745270901\";\n\n    function setHint(msg) {\n      if (!hint) return;\n      hint.textContent = msg;\n      clearTimeout(window.__mtCopyTimerV3);\n      window.__mtCopyTimerV3 = setTimeout(function () { hint.textContent = \"\"; }, 2500);\n    }\n\n    function fallbackCopy(text) {\n      try {\n        var ta = document.createElement(\"textarea\");\n        ta.value = text;\n        ta.setAttribute(\"readonly\", \"\");\n        ta.style.position = \"fixed\";\n        ta.style.top = \"-1000px\";\n        ta.style.opacity = \"0\";\n        document.body.appendChild(ta);\n        ta.select();\n        document.execCommand(\"copy\");\n        document.body.removeChild(ta);\n        setHint(\"\u062a\u0645 \u0627\u0644\u0646\u0633\u062e: \" + numberPretty);\n      } catch (err) {\n        setHint(\"\u0627\u0646\u0633\u062e \u064a\u062f\u0648\u064a\u064b\u0627: \" + numberPretty);\n      }\n    }\n\n    if (copyBtn) {\n      copyBtn.addEventListener(\"click\", function () {\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n          navigator.clipboard.writeText(numberPlain).then(function () {\n            setHint(\"\u062a\u0645 \u0627\u0644\u0646\u0633\u062e: \" + numberPretty);\n          }).catch(function () {\n            fallbackCopy(numberPlain);\n          });\n        } else {\n          fallbackCopy(numberPlain);\n        }\n      });\n    }\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MAROUFTURK \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u062a\u0637\u0628\u064a\u0642 \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0646\u0638\u0627\u0645\u064a iOS \u0648 Android \u0633\u0646\u0642\u0648\u0645 \u0628\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0648\u0642 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u062a\u0639\u0643\u0633 \u0639\u0644\u0627\u0645\u062a\u0643\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0632\u064a\u062f \u0645\u0646 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u060c \u0648\u062a\u062a\u0643\u0627\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0623\u0646\u0638\u0645\u062a\u0643\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u2014 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flutter \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0631\u0639\u0629\u060c \u0627\u0644\u062a\u0646\u0627\u0633\u0642\u060c \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639. \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0627\u062e\u0631\u0629 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643\u0645 \u0646\u0638\u0627\u0645 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-2608","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/pages\/2608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/comments?post=2608"}],"version-history":[{"count":0,"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/pages\/2608\/revisions"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/it\/wp-json\/wp\/v2\/media?parent=2608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}