{"id":29050,"date":"2026-05-07T15:06:47","date_gmt":"2026-05-07T12:06:47","guid":{"rendered":"https:\/\/productsheroes.sa\/?page_id=29050"},"modified":"2026-05-11T08:32:38","modified_gmt":"2026-05-11T05:32:38","slug":"vibe-coding","status":"publish","type":"page","link":"https:\/\/productsheroes.sa\/en\/vibe-coding\/","title":{"rendered":"Vibe coding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29050\" class=\"elementor elementor-29050\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c41080 e-con-full e-flex e-con e-parent\" data-id=\"7c41080\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-406e6ea elementor-widget elementor-widget-html\" data-id=\"406e6ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a *\/\r\n:root {\r\n  --green: #2DFFA0;\r\n  --green-dark: #1ACC7A;\r\n  --navy: #0D1240;\r\n  --navy-dark: #080D2E;\r\n  --navy-card: #131847;\r\n  --navy-mid: #101540;\r\n  --border: rgba(255,255,255,0.08);\r\n  --border-green: rgba(45,255,160,0.25);\r\n  --white: #FFFFFF;\r\n  --gray: #7A82AA;\r\n  --gray-light: #C8CCDF;\r\n}\r\n\r\nbody {\r\n  font-family: 'Cairo', sans-serif;\r\n  background: var(--navy-dark);\r\n  color: var(--white);\r\n  direction: rtl;\r\n  overflow-x: hidden;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n* { box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\n\/* 2. \u0642\u0633\u0645 \u0627\u0644\u0647\u064a\u0631\u0648 (HERO) *\/\r\n.hero {\r\n  min-height: 100vh; background: var(--navy);\r\n  padding: 86px 48px 90px;\r\n  position: relative; overflow: hidden; display: flex; align-items: center;\r\n}\r\n.hero-bg {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background:\r\n    radial-gradient(ellipse 55% 60% at 78% 42%, rgba(45,255,160,.07) 0%, transparent 65%),\r\n    radial-gradient(ellipse 40% 50% at 12% 72%, rgba(0,100,255,.05) 0%, transparent 60%);\r\n}\r\n.hero-dots {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px);\r\n  background-size: 32px 32px;\r\n}\r\n.hero-wrap {\r\n  position: relative; max-width: 1160px; margin: 0 auto; width: 100%;\r\n  display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center;\r\n}\r\n.chip {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(45,255,160,.1); border: 1px solid var(--border-green);\r\n  border-radius: 100px; padding: 6px 16px;\r\n  font-size: 13px; color: var(--green); font-weight: 600; margin-bottom: 22px;\r\n}\r\n.chip::before {\r\n  content: ''; width: 7px; height: 7px; border-radius: 50%;\r\n  background: var(--green); animation: blink 2s infinite;\r\n}\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }\r\n.hero h1 { font-size: clamp(36px, 4.5vw, 58px); font-weight: 900; line-height: 1.18; margin-bottom: 10px; margin-top: 0; color:#fff;}\r\n.hero h1 .acc { color: var(--green); }\r\n.hero-sub { font-size: 17px; color: var(--gray-light); line-height: 1.75; margin-bottom: 28px; max-width: 520px; }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u062a\u0627\u062c\u0632 \u0645\u0639 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }\r\n.tag {\r\n  background: rgba(255,255,255,.05); border: 1px solid var(--border);\r\n  border-radius: 6px; padding: 6px 14px; font-size: 13px; color: var(--gray-light); font-weight: 500;\r\n  display: inline-flex; align-items: center; gap: 6px; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n}\r\n.tag svg { width: 15px; height: 15px; color: var(--green); flex-shrink: 0; }\r\n\r\n.btn-row { display: flex; gap: 12px; flex-wrap: wrap; }\r\n.btn-primary {\r\n  background: var(--green); color: var(--navy-dark);\r\n  font-family: 'Cairo', sans-serif; font-weight: 800; font-size: 16px;\r\n  padding: 14px 34px; border-radius: 10px; text-decoration: none; transition: all .2s; display: inline-block; cursor: pointer;\r\n}\r\n.btn-primary:hover { background: #1ff094; transform: translateY(-2px); box-shadow: 0 10px 32px rgba(45,255,160,.3); }\r\n.btn-outline {\r\n  background: transparent; color: var(--white);\r\n  font-family: 'Cairo', sans-serif; font-weight: 600; font-size: 16px;\r\n  padding: 14px 34px; border-radius: 10px; border: 1px solid var(--border);\r\n  text-decoration: none; transition: all .2s; display: inline-block; cursor: pointer;\r\n}\r\n.btn-outline:hover { border-color: var(--green); color: var(--green); }\r\n\r\n\/* 3. \u0643\u0627\u0631\u062a \u0627\u0644\u0647\u064a\u0631\u0648 \u0627\u0644\u062c\u0627\u0646\u0628\u064a (Hero Card) *\/\r\n.hero-card {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 20px; padding: 32px; position: relative; overflow: hidden;\r\n}\r\n.hero-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--green), transparent);\r\n}\r\n.card-eyebrow { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 1.8px; text-transform: uppercase; margin-bottom: 20px; }\r\n.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }\r\n.stat-box { background: rgba(255,255,255,.04); border-radius: 12px; padding: 18px; text-align: center; }\r\n.stat-num { font-size: 46px; font-weight: 900; color: var(--green); line-height: 1; }\r\n.stat-lbl { font-size: 13px; color: var(--gray); margin-top: 4px; }\r\n.card-sep { height: 1px; background: var(--border); margin-bottom: 20px; }\r\n.meta-row {\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  font-size: 14px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.04);\r\n}\r\n.meta-row:last-child { border-bottom: none; }\r\n.meta-row .k { color: var(--gray); }\r\n.meta-row .v { color: var(--white); font-weight: 600; }\r\n.meta-row .v.green { color: var(--green); display: inline-flex; align-items: center; gap: 5px; } \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0635\u062d *\/\r\n.meta-row .v.green svg { width: 16px; height: 16px; }\r\n\r\n.date-banner {\r\n  background: rgba(45,255,160,.07); border: 1px solid var(--border-green);\r\n  border-radius: 12px; padding: 14px 18px; margin-top: 18px;\r\n  display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--green); font-weight: 700;\r\n}\r\n.date-banner svg { width: 18px; height: 18px; flex-shrink: 0; }\r\n\r\n\/* 4. \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 (Fade-in) *\/\r\n.fade { opacity: 0; transform: translateY(26px); transition: opacity .65s ease, transform .65s ease; }\r\n.fade.visible { opacity: 1; transform: none; }\r\n\r\n\/* \ud83d\ude80 5. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 (Modal) \ud83d\ude80 *\/\r\n.custom-modal {\r\n  display: none; \/* \u0645\u062e\u0641\u064a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b *\/\r\n  position: fixed; z-index: 9999;\r\n  left: 0; top: 0; width: 100%; height: 100%;\r\n  background-color: rgba(8, 13, 46, 0.85);\r\n  backdrop-filter: blur(8px);\r\n  align-items: center; justify-content: center;\r\n  opacity: 0; transition: opacity 0.3s ease;\r\n  direction: rtl;\r\n}\r\n.custom-modal.show { display: flex; opacity: 1; }\r\n\r\n.modal-content {\r\n  background: var(--navy-card);\r\n  border: 1px solid var(--border);\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  width: 90%; max-width: 500px;\r\n  max-height: 85vh; \r\n  overflow-y: auto; \r\n  position: relative;\r\n  transform: translateY(-30px);\r\n  transition: transform 0.3s ease;\r\n}\r\n.custom-modal.show .modal-content { transform: translateY(0); }\r\n\r\n.close-btn {\r\n  position: absolute; top: 15px; left: 20px;\r\n  color: var(--gray); font-size: 32px; font-weight: bold;\r\n  cursor: pointer; transition: color 0.2s; line-height: 1;\r\n}\r\n.close-btn:hover { color: var(--white); }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0641\u0648\u0631\u0645 WPForms \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 *\/\r\n.modal-content h2 { font-size: 24px; font-weight: 900; margin-top: 0; margin-bottom: 8px; color: var(--white); }\r\n.modal-content p.sub { font-size: 14px; color: var(--gray); margin-top: 0; margin-bottom: 24px; }\r\n\r\n.modal-content div.wpforms-container-full .wpforms-form .wpforms-field-label {\r\n    color: var(--gray-light) !important; font-family: 'Cairo', sans-serif !important; font-size: 14px !important; margin-bottom: 8px !important;\r\n}\r\n.modal-content div.wpforms-container-full .wpforms-form input,\r\n.modal-content div.wpforms-container-full .wpforms-form select {\r\n    background: rgba(255,255,255,.04) !important;\r\n    border: 1px solid var(--border) !important;\r\n    border-radius: 10px !important;\r\n    padding: 12px 16px !important;\r\n    font-family: 'Cairo', sans-serif !important;\r\n    color: var(--white) !important;\r\n    width: 100% !important;\r\n    outline: none !important;\r\n}\r\n.modal-content div.wpforms-container-full .wpforms-form input:focus {\r\n    border-color: var(--green) !important;\r\n    box-shadow: 0 0 0 3px rgba(45,255,160,.1) !important;\r\n}\r\n.modal-content div.wpforms-container-full .wpforms-form button[type=submit] {\r\n    width: 100% !important; background: var(--green) !important; color: var(--navy-dark) !important;\r\n    font-family: 'Cairo', sans-serif !important; font-weight: 900 !important; font-size: 16px !important;\r\n    padding: 14px !important; border-radius: 10px !important; border: none !important; cursor: pointer !important;\r\n    margin-top: 10px !important; transition: all .2s !important;\r\n}\r\n.modal-content div.wpforms-container-full .wpforms-form button[type=submit]:hover {\r\n    background: #1ff094 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(45,255,160,.3) !important;\r\n}\r\n\r\n\/* 6. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Responsive) *\/\r\n@media (max-width: 1024px) {\r\n  .hero { padding: 86px 24px 80px; }\r\n  .hero-wrap { grid-template-columns: 1fr; }\r\n  .hero-card { display: none; }\r\n}\r\n@media (max-width: 600px) {\r\n  .modal-content { padding: 30px 20px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-dots\"><\/div>\r\n  <div class=\"hero-wrap\">\r\n    \r\n    <div class=\"hero-content fade\">\r\n      <div class=\"chip\">\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0645\u0643\u062b\u0641\u0629 \u00b7 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062d\u0635\u0631\u064a<\/div>\r\n      <h1>\r\n        Vibe Coding<br>\r\n        <span class=\"acc\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649<\/span><br>\r\n        App Store\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\r\n\u0648\u0631\u0634\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0639\u0644\u0651\u0645 \u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062d\u062f\u064a\u062b\u0629\r\n      <\/p>\r\n      <div class=\"tags\">\r\n        <span class=\"tag\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n          23 \u2013 26 \u0645\u0627\u064a\u0648 2026\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n          7 \u2013 9 \u0645\u0633\u0627\u0621\u064b \u064a\u0648\u0645\u064a\u0627\u064b\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"><\/line><\/svg>\r\n          \u0628\u062f\u0648\u0646 \u0643\u0648\u062f\r\n        <\/span>\r\n        <span class=\"tag\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n          \u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a \u0639\u0644\u0649 App Store\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"btn-row\">\r\n        <a href=\"https:\/\/productsheroes.sa\/ai-agents-in-pm-book\/\" class=\"btn-primary\">\u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646<\/a>\r\n        <a href=\"#\" id=\"openModalBtn\" class=\"btn-outline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u0647\u062c<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-card fade\">\r\n      <div class=\"card-eyebrow\">\u0646\u0638\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/div>\r\n      <div class=\"stats-grid\">\r\n        <div class=\"stat-box\"><div class=\"stat-num\" data-target=\"4\">0<\/div><div class=\"stat-lbl\">\u0623\u064a\u0627\u0645<\/div><\/div>\r\n        <div class=\"stat-box\"><div class=\"stat-num\" data-target=\"0\">0<\/div><div class=\"stat-lbl\">\u0633\u0637\u0631 \u0643\u0648\u062f<\/div><\/div>\r\n        <div class=\"stat-box\"><div class=\"stat-num\" data-target=\"8\">0<\/div><div class=\"stat-lbl\">\u0633\u0627\u0639\u0627\u062a \u062a\u062f\u0631\u064a\u0628<\/div><\/div>\r\n        <div class=\"stat-box\"><div class=\"stat-num\" data-target=\"1\">0<\/div><div class=\"stat-lbl\">\u062a\u0637\u0628\u064a\u0642 \u062a\u0634\u062d\u0646\u0647<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"card-sep\"><\/div>\r\n      <div class=\"meta-row\"><span class=\"k\">\u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u064a\u0648\u0645\u064a<\/span><span class=\"v\">7:00 \u2013 9:00 \u0645\u0633\u0627\u0621\u064b<\/span><\/div>\r\n      <div class=\"meta-row\"><span class=\"k\">\u0646\u0648\u0639 \u0627\u0644\u0648\u0631\u0634\u0629<\/span><span class=\"v\">\u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a<\/span><\/div>\r\n      <div class=\"meta-row\">\r\n        <span class=\"k\">\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/span>\r\n        <span class=\"v green\">\u0646\u0634\u0631 \u0639\u0644\u0649 App Store \r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"meta-row\"><span class=\"k\">\u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627<\/span><span class=\"v green\">Claude Code<\/span><\/div>\r\n      <div class=\"date-banner\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n        23\u060c 24\u060c 25\u060c 26 \u0645\u0627\u064a\u0648 2026\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div id=\"curriculumModal\" class=\"custom-modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close-btn\" id=\"closeModalBtn\">&times;<\/span>\r\n    <h2>\u062a\u062d\u0645\u064a\u0644 \u0645\u0646\u0647\u062c \u0627\u0644\u0648\u0631\u0634\u0629<\/h2>\r\n    <p class=\"sub\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0633\u0646\u0631\u0633\u0644 \u0644\u0643 \u0645\u0644\u0641 \u0627\u0644\u0640 PDF \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a.<\/p>\r\n    \r\n    <style id=\"wpforms-css-vars-29081\">\n\t\t\t\t#wpforms-29081 {\n\t\t\t\t--wpforms-field-border-color: rgba(0, 0, 0, 0.25);\n--wpforms-field-border-color-spare: rgba(0, 0, 0, 0.25);\n--wpforms-field-text-color: rgba(0, 0, 0, 0.7);\n--wpforms-label-color: rgba(0, 0, 0, 0.85);\n--wpforms-label-sublabel-color: rgba(0, 0, 0, 0.55);\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-29081\"><form id=\"wpforms-form-29081\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"29081\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/29050\" data-token=\"8ec16d21851eece5f09e419242698ab9\" data-token-time=\"1779563882\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-29081-field_2-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"2\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-29081-field_2\" >\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0645\u0646\u0635\u0628<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-29081-field_2\" class=\"wpforms-field-medium\" name=\"wpforms[fields][2]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-29081-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-29081-field_1\">\u0627\u0644\u0625\u0633\u0645  <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29081-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-29081-field_1-error\" required><\/div><div id=\"wpforms-29081-field_8-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-29081-field_8\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-29081-field_8\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][8]\" spellcheck=\"false\" aria-errormessage=\"wpforms-29081-field_8-error\" required><\/div><div id=\"wpforms-29081-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-29081-field_3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29081-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-29081-field_3-error\" required><\/div><div id=\"wpforms-29081-field_6-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-29081-field_6\">\u0627\u0644\u0645\u0646\u0635\u0628 \u0627\u0644\u0648\u0638\u064a\u0641\u064a <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-29081-field_6\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-29081-field_6-error\" required><\/div><div id=\"wpforms-29081-field_7-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-type=\"select\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-29081-field_7\">\u0627\u0644\u0642\u0637\u0627\u0639<\/label><select id=\"wpforms-29081-field_7\" class=\"wpforms-field-large\" name=\"wpforms[fields][7]\"><option value=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\" >\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0637\u0627\u0639<\/option><option value=\"\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\" >\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/option><option value=\"\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0628\u0646\u0648\u0643\" >\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0628\u0646\u0648\u0643<\/option><option value=\"\u0627\u0644\u0635\u062d\u0629\" >\u0627\u0644\u0635\u062d\u0629<\/option><option value=\"\u0627\u0644\u062a\u0639\u0644\u064a\u0645\" >\u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/option><option value=\"\u0627\u0644\u062d\u0643\u0648\u0645\u0629\" >\u0627\u0644\u062d\u0643\u0648\u0645\u0629<\/option><option value=\"\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629\" >\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629<\/option><option value=\"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\" >\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/option><option value=\"\u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0639\u0645\u0627\u0644\" >\u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0639\u0645\u0627\u0644<\/option><option value=\"\u0627\u062e\u0631\u064a\" >\u0627\u062e\u0631\u064a<\/option><\/select><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-29081-field_2-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-29081-field_2-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-29081-field_2-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"29081\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/29050\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-29081\" class=\"wpforms-submit\" data-alt-text=\"\u0627\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0633\u062c\u0644 \u0627\u0644\u0627\u0646\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0633\u062c\u0644 \u0627\u0644\u0627\u0646<\/button><img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ 1. \u062a\u0641\u0639\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0638\u0647\u0648\u0631 (Fade-in)\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.fade').forEach(el => obs.observe(el));\r\n\r\n  \/\/ 2. \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a (Counter Animation)\r\n  const counters = document.querySelectorAll('.stat-num');\r\n  const counterObserver = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        const counter = entry.target;\r\n        const target = +counter.getAttribute('data-target');\r\n        const speed = target > 0 ? 200 : 1; \r\n        \r\n        const updateCount = () => {\r\n          const count = +counter.innerText;\r\n          const inc = 1; \r\n          if (count < target) {\r\n            counter.innerText = count + inc;\r\n            setTimeout(updateCount, speed);\r\n          } else {\r\n            counter.innerText = target;\r\n          }\r\n        };\r\n        setTimeout(updateCount, 400); \r\n        counterObserver.unobserve(counter);\r\n      }\r\n    });\r\n  }, { threshold: 0.5 }); \r\n  counters.forEach(counter => counterObserver.observe(counter));\r\n\r\n  \/\/ \ud83d\ude80 3. \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 (Modal JS) \ud83d\ude80\r\n  const modal = document.getElementById('curriculumModal');\r\n  const openBtn = document.getElementById('openModalBtn');\r\n  const closeBtn = document.getElementById('closeModalBtn');\r\n\r\n  \/\/ \u0641\u062a\u062d \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631\u0627\u0631\r\n  if(openBtn) {\r\n    openBtn.addEventListener('click', function(e) {\r\n      e.preventDefault(); \/\/ \u0644\u0645\u0646\u0639 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0646 \u0627\u0644\u0642\u0641\u0632 \u0644\u0644\u0623\u0639\u0644\u0649\r\n      modal.classList.add('show');\r\n    });\r\n  }\r\n\r\n  \/\/ \u0642\u0641\u0644 \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0639\u0644\u0627\u0645\u0629 X\r\n  if(closeBtn) {\r\n    closeBtn.addEventListener('click', function() {\r\n      modal.classList.remove('show');\r\n    });\r\n  }\r\n\r\n  \/\/ \u0642\u0641\u0644 \u0627\u0644\u0628\u0648\u0628 \u0623\u0628 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u0628\u0631\u0647 \u0627\u0644\u0635\u0646\u062f\u0648\u0642\r\n  window.addEventListener('click', function(e) {\r\n    if (e.target === modal) {\r\n      modal.classList.remove('show');\r\n    }\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0312a6e e-con-full e-flex e-con e-parent\" data-id=\"0312a6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a648271 elementor-widget elementor-widget-html\" data-id=\"a648271\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.numbers-sec { padding: 86px 48px; background: var(--navy); }\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n.sec-desc { font-size: 16px; color: var(--gray-light); max-width: 580px; line-height: 1.75; }\r\n\r\n\/* 2. \u0642\u0633\u0645 \u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 *\/\r\n.num-grid {\r\n  display: grid; grid-template-columns: repeat(3,1fr);\r\n  gap: 1px; background: var(--border); border-radius: 16px;\r\n  overflow: hidden; border: 1px solid var(--border); margin-top: 52px;\r\n}\r\n.num-box { background: var(--navy-card); padding: 38px 24px; text-align: center; }\r\n.num-box .big { font-size: 62px; font-weight: 900; color: var(--green); line-height: 1; }\r\n.num-box .lbl { font-size: 14px; color: var(--gray); margin-top: 8px; }\r\n\r\n\/* 3. \u0642\u0633\u0645 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a (Highlights) *\/\r\n.highlights-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; margin-top: 52px; }\r\n.col-label { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 18px; }\r\n.hl-list { display: flex; flex-direction: column; gap: 13px; }\r\n.hl-item {\r\n  display: flex; align-items: flex-start; gap: 14px;\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 12px; padding: 17px 20px; transition: border-color .2s;\r\n}\r\n.hl-item:hover { border-color: var(--border-green); }\r\n.hl-ico { \r\n  width: 36px; height: 36px; border-radius: 9px; \r\n  background: rgba(45,255,160,.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; \r\n}\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0640 SVG *\/\r\n.hl-ico svg { width: 18px; height: 18px; color: var(--green); }\r\n\r\n.hl-txt { font-size: 15px; color: var(--gray-light); font-weight: 500; line-height: 1.55; }\r\n\r\n\/* 4. \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0647\u062f\u064a\u0629 *\/\r\n.gift-box {\r\n  background: rgba(45,255,160,.06); border: 1px solid var(--border-green);\r\n  border-radius: 14px; padding: 22px 24px; margin-top: 16px;\r\n}\r\n.gift-box .g-title { \r\n  font-size: 14px; font-weight: 800; color: var(--green); margin-bottom: 7px; \r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n.gift-box .g-title svg { width: 18px; height: 18px; }\r\n.gift-box .g-text { font-size: 14px; color: var(--gray-light); line-height: 1.65; }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .numbers-sec { padding: 64px 24px; }\r\n  .highlights-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"numbers-sec\" id=\"overview\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629<\/div>\r\n    <div class=\"sec-title\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0645\u0639\u0631\u0641\u062a\u0647<\/div>\r\n    <div class=\"sec-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0635\u064f\u0645\u0650\u0651\u0645 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0645\u0646 \u064a\u0645\u0644\u0643 \u0641\u0643\u0631\u0629 \u0648\u064a\u0631\u064a\u062f \u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0644\u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a \u2014 \u0628\u062f\u0648\u0646 \u0623\u064a \u062e\u0644\u0641\u064a\u0629 \u062a\u0642\u0646\u064a\u0629.<\/div>\r\n    \r\n    <div class=\"num-grid fade\">\r\n      <div class=\"num-box\"><div class=\"big stat-num\" data-target=\"4\">0<\/div><div class=\"lbl\">\u0623\u064a\u0627\u0645 \u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/div><\/div>\r\n      <div class=\"num-box\"><div class=\"big stat-num\" data-target=\"0\">0<\/div><div class=\"lbl\">\u0633\u0637\u0631 \u0643\u0648\u062f \u0645\u0637\u0644\u0648\u0628<\/div><\/div>\r\n      <div class=\"num-box\"><div class=\"big stat-num\" data-target=\"1\">0<\/div><div class=\"lbl\">\u062a\u0637\u0628\u064a\u0642 \u062a\u0646\u0634\u0631\u0647 \u0628\u0627\u0633\u0645\u0643<\/div><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"highlights-grid\">\r\n      <div>\r\n        <div class=\"col-label\">\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/div>\r\n        <div class=\"hl-list fade\">\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"><\/path><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0648\u0631\u0634\u0629 \u0645\u0643\u062b\u0641\u0629 4 \u0623\u064a\u0627\u0645 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0633\u0627\u0639\u062a\u0627\u0646 \u064a\u0648\u0645\u064a\u0627\u064b \u0645\u0646 7 \u0625\u0644\u0649 9 \u0645\u0633\u0627\u0621\u064b<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0645\u064f\u0635\u0645\u064e\u0651\u0645\u0629 \u0644\u063a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0644\u062f\u064a\u0647\u0645 \u0623\u0641\u0643\u0627\u0631 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0634\u062d\u0646<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u062a\u0646\u062a\u0647\u064a \u0627\u0644\u0648\u0631\u0634\u0629 \u0628\u062a\u0637\u0628\u064a\u0642 iOS \u062d\u0642\u064a\u0642\u064a \u0645\u064f\u0642\u062f\u064e\u0651\u0645 \u0644\u0645\u062a\u062c\u0631 Apple<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m8 2 1.88 1.88\"><\/path><path d=\"M14.12 3.88 16 2\"><\/path><path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"><\/path><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"><\/path><path d=\"M12 20v-9\"><\/path><path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"><\/path><path d=\"M17.47 9c1.93-.2 3.53-1.9 3.53-4\"><\/path><path d=\"M8 14H4\"><\/path><path d=\"M20 14h-4\"><\/path><path d=\"M9 18c-1.7 1-3 1-4 1\"><\/path><path d=\"M15 18c1.7 1 3 1 4 1\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u064a\u0648\u0645 \u0643\u0627\u0645\u0644 \u0645\u062e\u0635\u0635 \u0644\u062a\u0644\u0642\u0651\u064a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0643\u062a\u064a\u0651\u0628 \u0645\u0637\u0628\u0648\u0639 \u064a\u0636\u0645\u0651 \u0643\u0644 \u0627\u0644\u0640 Workflows \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u062a\u0623\u062e\u0630\u0647 \u0645\u0639\u0643 \u062f\u0627\u0626\u0645\u0627\u064b<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div>\r\n        <div class=\"col-label\">\u0644\u0645\u0627\u0630\u0627 \u064a\u062d\u062a\u0627\u062c\u0647\u0627 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u062a\u062d\u062f\u064a\u062f\u0627\u064b<\/div>\r\n        <div class=\"hl-list fade\">\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u062a\u0648\u062c\u064a\u0647 \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0628\u0631\u0645\u062c\u064a \u0628\u0623\u0633\u0644\u0648\u0628 PM Brief \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0645\u0639\u0631\u0641\u0629 \u0645\u062a\u0649 \u064a\u0643\u0648\u0646 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0635\u062d\u064a\u062d\u0627\u064b\u060c \u0645\u062e\u0637\u0626\u0627\u064b\u060c \u0623\u0648 \u0648\u0627\u062b\u0642\u0627\u064b \u0641\u064a \u062e\u0637\u0626\u0647<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 22h14\"><\/path><path d=\"M5 2h14\"><\/path><path d=\"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22\"><\/path><path d=\"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0643\u0641\u0649 \u0627\u0646\u062a\u0638\u0627\u0631: \u0644\u0627 \u062a\u0631\u0647\u0646 \u0643\u0644 \u0641\u0643\u0631\u0629 \u0628\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0623\u0648 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0640 Engineering<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0627\u0639\u0631\u0636 \u0628\u062f\u0644 \u0645\u0627 \u062a\u0634\u0631\u062d: \u0646\u0645\u0648\u0630\u062c \u0634\u063a\u0651\u0627\u0644 \u064a\u0642\u0646\u0639 \u0627\u0644\u0640 Stakeholders \u0623\u0633\u0631\u0639 \u0645\u0646 \u0623\u064a PRD<\/div>\r\n          <\/div>\r\n          <div class=\"hl-item\">\r\n            <div class=\"hl-ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n            <\/div>\r\n            <div class=\"hl-txt\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0645\u0628\u0643\u0631\u0627\u064b: \u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0643\u0634\u0641 \u062b\u063a\u0631\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0642\u0628\u0644 \u0645\u0627 \u062a\u0643\u0644\u0651\u0641 \u0627\u0644\u0634\u0631\u0643\u0629<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"gift-box fade\">\r\n          <div class=\"g-title\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 12 20 22 4 22 4 12\"><\/polyline><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"><\/rect><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"><\/line><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path><\/svg>\r\n            \u0647\u062f\u064a\u062a\u0643 \u0645\u0646 \u0627\u0644\u0648\u0631\u0634\u0629\r\n          <\/div>\r\n          <div class=\"g-text\">\u0643\u062a\u064a\u0651\u0628 \u0645\u0637\u0628\u0648\u0639 \u0628\u0643\u0644 \u0627\u0644\u0640 Workflows \u2014 \u064a\u0628\u0642\u0649 \u0645\u0639\u0643 \u0645\u0631\u062c\u0639\u0627\u064b \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0641\u064a \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u0642\u0627\u062f\u0645.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdd00e1 e-con-full e-flex e-con e-parent\" data-id=\"cdd00e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2248728 elementor-widget elementor-widget-html\" data-id=\"2248728\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 (\u0641\u064a \u062d\u0627\u0644 \u0644\u0645 \u064a\u062a\u0645 \u062a\u062d\u0645\u064a\u0644\u0647\u0627 \u0645\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 \u0627\u0644\u0633\u0627\u0628\u0642) *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n.sec-desc { font-size: 16px; color: var(--gray-light); max-width: 580px; line-height: 1.75; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0627\u0645 (\u0627\u0644\u0645\u0646\u0647\u062c) *\/\r\n.days-sec { background: var(--navy-mid); padding: 86px 48px; }\r\n.days-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 52px; }\r\n\r\n\/* 3. \u0643\u0627\u0631\u062a \u0627\u0644\u064a\u0648\u0645 \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover *\/\r\n.day-card {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 16px; padding: 28px 22px; position: relative;\r\n  overflow: hidden; transition: all .3s;\r\n}\r\n.day-card:hover { border-color: var(--border-green); transform: translateY(-5px); }\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0644\u064a \u0628\u064a\u0638\u0647\u0631 \u062a\u062d\u062a \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n.day-card::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n  background: var(--green); transform: scaleX(0); transition: transform .35s; transform-origin: right;\r\n}\r\n.day-card:hover::after { transform: scaleX(1); transform-origin: left; }\r\n\r\n\/* 4. \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a (\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629) *\/\r\n.day-emo { margin-bottom: 16px; display: block; color: var(--green); }\r\n.day-emo svg { width: 34px; height: 34px; }\r\n\r\n.day-label { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 1.5px; margin-bottom: 8px; }\r\n.day-title { font-size: 18px; font-weight: 800; color: var(--white); margin-bottom: 12px; line-height: 1.3; }\r\n.day-desc { font-size: 13.5px; color: var(--gray); line-height: 1.72; margin: 0; }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .days-sec { padding: 64px 24px; }\r\n  .days-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .days-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"days-sec\" id=\"curriculum\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/div>\r\n    <div class=\"sec-title\">\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645<\/div>\r\n    <div class=\"sec-desc\">\u0643\u0644 \u064a\u0648\u0645 \u0647\u062f\u0641 \u0648\u0627\u0636\u062d \u062a\u0628\u0646\u064a \u0639\u0644\u064a\u0647 \u0645\u0627 \u064a\u0644\u064a\u0647 \u2014 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u062a\u0637\u0628\u064a\u0642 \u0645\u0646\u0634\u0648\u0631 \u0641\u064a \u064a\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/div>\r\n    \r\n    <div class=\"days-grid\">\r\n      <div class=\"day-card fade\">\r\n        <span class=\"day-emo\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.9 1.3 1.5 1.5 2.5\"><\/path><path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><\/svg>\r\n        <\/span>\r\n        <div class=\"day-label\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644 \u00b7 \u0627\u0644\u0633\u0628\u062a 23 \u0645\u0627\u064a\u0648<\/div>\r\n        <div class=\"day-title\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u062a\u0637\u0628\u064a\u0642 \u0634\u063a\u0651\u0627\u0644<\/div>\r\n        <div class=\"day-desc\">\u0642\u0644\u0651\u0635 \u0641\u0643\u0631\u062a\u0643 \u0644\u0645\u0627 \u064a\u0645\u0643\u0646 \u0634\u062d\u0646\u0647 \u0627\u0644\u0622\u0646. \u062c\u0647\u0651\u0632 \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0627\u0643\u062a\u0628 \u0623\u0648\u0644 Prompt \u0628\u0623\u0633\u0644\u0648\u0628 PM Brief\u060c \u0648\u0627\u0646\u0647\u0650 \u0627\u0644\u064a\u0648\u0645 \u0628\u0646\u0633\u062e\u0629 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0647\u0627\u062a\u0641\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a.<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"day-card fade\">\r\n        <span class=\"day-emo\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg>\r\n        <\/span>\r\n        <div class=\"day-label\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u062b\u0627\u0646\u064a \u00b7 \u0627\u0644\u0623\u062d\u062f 24 \u0645\u0627\u064a\u0648<\/div>\r\n        <div class=\"day-title\">\u0645\u0646 \u0634\u063a\u0651\u0627\u0644 \u0625\u0644\u0649 \u0645\u0643\u062a\u0645\u0644<\/div>\r\n        <div class=\"day-desc\">\u0627\u0628\u0646\u0650 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u064a\u0632\u0627\u062a \u0643\u0627\u0645\u0644\u0629 \u0628\u062f\u0648\u0646 \u0623\u0639\u0637\u0627\u0644. \u0635\u0645\u0651\u0645 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u060c \u0631\u0627\u062c\u0639 \u0643\u0644 \u062a\u063a\u064a\u064a\u0631 \u0645\u0646 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0637\u0628\u0651\u0642 \u0627\u0646\u0636\u0628\u0627\u0637 \u0627\u0644\u062c\u0648\u062f\u0629 \u2014 \u0627\u062e\u062a\u0628\u0631 \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0627\u0632 \u0628\u0639\u062f \u0643\u0644 \u062a\u0639\u062f\u064a\u0644.<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"day-card fade\">\r\n        <span class=\"day-emo\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\r\n        <\/span>\r\n        <div class=\"day-label\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u062b\u0627\u0644\u062b \u00b7 \u0627\u0644\u0627\u062b\u0646\u064a\u0646 25 \u0645\u0627\u064a\u0648<\/div>\r\n        <div class=\"day-title\">\u0645\u0646 \u0645\u0643\u062a\u0645\u0644 \u0625\u0644\u0649 \u0645\u0637\u0644\u0642<\/div>\r\n        <div class=\"day-desc\">\u0627\u062a\u0645\u0645 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u0627\u062e\u062a\u0631 \u0627\u0633\u0645\u0647\u060c \u0635\u0648\u0651\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0627\u0628\u0646\u0650 \u0646\u0633\u062e\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u060c \u0627\u0631\u0641\u0639\u0647\u0627 \u0639\u0644\u0649 App Store Connect\u060c \u0648\u0642\u062f\u0651\u0645\u0647\u0627 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 Apple \u2014 \u0642\u0628\u0644 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u064a\u0648\u0645.<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"day-card fade\">\r\n        <span class=\"day-emo\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n        <\/span>\r\n        <div class=\"day-label\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0631\u0627\u0628\u0639 \u00b7 \u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621 26 \u0645\u0627\u064a\u0648<\/div>\r\n        <div class=\"day-title\">\u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u062a\u0642\u062f\u064a\u0645<\/div>\r\n        <div class=\"day-desc\">\u062d\u0644\u0651\u0644 \u0631\u062f\u0651 Apple\u060c \u0623\u0635\u0644\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0627\u062d\u0636\u0631 \u0639\u064a\u0627\u062f\u0629 \u0631\u0641\u0639 \u0627\u0644\u062d\u0648\u0627\u062c\u0632\u060c \u0648\u0627\u062e\u0631\u062c \u0628\u0640 Workflow \u0645\u0639\u0627\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0645\u0648\u062b\u0651\u0642 \u0641\u064a \u0643\u062a\u064a\u0651\u0628\u0643 \u0627\u0644\u062e\u0627\u0635.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08264bd e-con-full e-flex e-con e-parent\" data-id=\"08264bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf07c6 elementor-widget elementor-widget-html\" data-id=\"ccf07c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 (\u0644\u0644\u0623\u0645\u0627\u0646 \u0641\u064a \u062d\u0627\u0644 \u062a\u063a\u064a\u064a\u0631 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0623\u0642\u0633\u0627\u0645) *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 (\u0645\u0627\u0630\u0627 \u0633\u062a\u062a\u0639\u0644\u0645) *\/\r\n.learn-sec { background: var(--navy); padding: 86px 48px; }\r\n.learn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; margin-top: 52px; align-items: start; }\r\n\r\n\/* 3. \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a *\/\r\n.learn-list { display: flex; flex-direction: column; gap: 13px; }\r\n.learn-item {\r\n  display: flex; align-items: flex-start; gap: 13px;\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 12px; padding: 17px 19px;\r\n}\r\n.chk {\r\n  width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0;\r\n  background: rgba(45,255,160,.12); border: 1px solid var(--green);\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green); font-size: 13px; font-weight: 700;\r\n}\r\n.learn-txt { font-size: 15px; color: var(--gray-light); line-height: 1.55; margin: 0; }\r\n\r\n\/* 4. \u0643\u0627\u0631\u062a \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n.learn-callout {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 18px; padding: 34px;\r\n}\r\n.lc-label { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 1.8px; text-transform: uppercase; margin-bottom: 14px; }\r\n.lc-title { font-size: 22px; font-weight: 800; line-height: 1.4; margin-bottom: 14px; margin-top: 0; }\r\n.lc-title .acc { color: var(--green); }\r\n.lc-body { font-size: 15px; color: var(--gray-light); line-height: 1.75; margin: 0; }\r\n.lc-sep { height: 1px; background: var(--border); margin: 22px 0; }\r\n.lc-note { font-size: 13.5px; color: var(--gray); line-height: 1.7; margin: 0; }\r\n.lc-note strong { color: var(--green); }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .learn-sec { padding: 64px 24px; }\r\n  .learn-grid { grid-template-columns: 1fr; gap: 32px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ======================= -->\r\n<!-- \u0647\u064a\u0643\u0644 \u0627\u0644\u0642\u0633\u0645 (HTML)       -->\r\n<!-- ======================= -->\r\n<section class=\"learn-sec\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0645\u0627\u0630\u0627 \u0633\u062a\u062a\u0639\u0644\u0645<\/div>\r\n    <div class=\"sec-title\">\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0639\u0635\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/div>\r\n    \r\n    <div class=\"learn-grid\">\r\n      <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0623\u0648\u0644: \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 -->\r\n      <div class=\"learn-list fade\">\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 Prototype \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0628\u062f\u0644 \u0623\u0633\u0627\u0628\u064a\u0639<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 AI \u0644\u0628\u0646\u0627\u0621 Frontend \u0648 Backend \u0628\u0634\u0643\u0644 \u0639\u0645\u0644\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u0625\u0646\u0634\u0627\u0621 Workflow \u0645\u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 AI \u0648 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u062a\u062d\u0644\u064a\u0644 \u0648\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0640 AI \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u0628\u0646\u0627\u0621 MVP \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u062c\u0631\u0628\u0629 \u0648\u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0623\u0648 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u062a\u0639\u0644\u0645 \u0637\u0631\u064a\u0642\u0629 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0644\u0639\u0645\u0644 \u0645\u0639 \u0641\u0631\u0642 AI<\/div>\r\n        <\/div>\r\n        <div class=\"learn-item\">\r\n          <div class=\"chk\">\u2713<\/div>\r\n          <div class=\"learn-txt\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vibecoding \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u062b\u0627\u0646\u064a: \u0643\u0627\u0631\u062a \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 -->\r\n      <div class=\"learn-callout fade\">\r\n        <div class=\"lc-label\">\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/div>\r\n        <div class=\"lc-title\">\u0633\u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 <span class=\"acc\">\u062a\u064f\u0648\u062c\u0651\u0647<\/span> \u0630\u0643\u0627\u0621\u064b \u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0627\u064b \u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/div>\r\n        <div class=\"lc-body\">\u0644\u0646 \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0647\u0646\u062f\u0633\u0647\u0627 \u0628\u0646\u0641\u0633\u0643. <strong>\u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0645\u0642\u0635\u062f \u0628\u0627\u0644\u0636\u0628\u0637.<\/strong><\/div>\r\n        <div class=\"lc-sep\"><\/div>\r\n\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bb1e55 e-con-full e-flex e-con e-parent\" data-id=\"5bb1e55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05dd1a2 elementor-widget elementor-widget-html\" data-id=\"05dd1a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0648\u0646 *\/\r\n.who-sec { background: var(--navy-mid); padding: 86px 48px; }\r\n.who-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 52px; }\r\n\r\n\/* 3. \u0627\u0644\u0643\u0631\u0648\u062a (\u0644\u0643 \/ \u0644\u064a\u0633\u062a \u0644\u0643) *\/\r\n.who-card { background: var(--navy-card); border: 1px solid var(--border); border-radius: 18px; padding: 32px; }\r\n.who-card.for { border-color: rgba(45,255,160,.18); }\r\n.who-h3 { font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; margin-top: 0; }\r\n.who-card.for .who-h3 { color: var(--green); }\r\n.who-card.not-for .who-h3 { color: var(--gray); }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\r\n.who-h3 svg { width: 24px; height: 24px; flex-shrink: 0; }\r\n\r\n\/* 4. \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.who-list { display: flex; flex-direction: column; gap: 13px; }\r\n.wi { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: var(--gray-light); line-height: 1.55; }\r\n.dot { width: 6px; height: 6px; border-radius: 50%; margin-top: 8px; flex-shrink: 0; }\r\n.for .dot { background: var(--green); }\r\n.not-for .dot { background: var(--gray); }\r\n\r\n\/* 5. \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0633\u0641\u0644\u064a (\u0627\u0644\u062e\u0644\u0627\u0635\u0629) *\/\r\n.point-box {\r\n  grid-column: 1\/-1; background: rgba(45,255,160,.07);\r\n  border: 1px solid var(--border-green); border-radius: 14px;\r\n  padding: 22px 28px; font-size: 16px; color: var(--green);\r\n  font-weight: 700; text-align: center; line-height: 1.7;\r\n  display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;\r\n}\r\n.point-box svg { width: 22px; height: 22px; flex-shrink: 0; }\r\n\r\n\/* 6. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .who-sec { padding: 64px 24px; }\r\n  .who-grid { grid-template-columns: 1fr; }\r\n  .point-box { grid-column: 1; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"who-sec\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0648\u0646<\/div>\r\n    <div class=\"sec-title\">\u0647\u0644 \u0647\u0630\u0647 \u0627\u0644\u0648\u0631\u0634\u0629 \u0644\u0643\u061f<\/div>\r\n    \r\n    <div class=\"who-grid\">\r\n      \r\n      <div class=\"who-card for fade\">\r\n        <h3 class=\"who-h3\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n          \u0627\u0644\u0648\u0631\u0634\u0629 \u0644\u0643 \u0625\u0630\u0627 \u0643\u0646\u062a\r\n        <\/h3>\r\n        <div class=\"who-list\">\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u064a\u0631\u064a\u062f \u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0645\u062c\u0631\u062f \u0648\u0635\u0641\u0647\u0627<\/div>\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u0645\u0635\u0645\u0645 \u062a\u0645\u0648\u062a \u0623\u0641\u0643\u0627\u0631\u0647 \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u062f\u0627\u062e\u0644 Figma \u0648\u0644\u0627 \u062a\u0635\u0644 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/div>\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u0645\u0624\u0633\u0633 \u064a\u0631\u064a\u062f \u0627\u0644\u062a\u062d\u0642\u0651\u0642 \u0645\u0646 \u0641\u0643\u0631\u062a\u0647 \u0642\u0628\u0644 \u062c\u0645\u0639 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0623\u0648 \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/div>\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u0623\u064a \u0634\u062e\u0635 \u0644\u062f\u064a\u0647 \u0641\u0643\u0631\u0629 \u062a\u0637\u0628\u064a\u0642 \u0648\u0644\u0627 \u064a\u0639\u0631\u0641 \u0643\u064a\u0641 \u064a\u0634\u062d\u0646\u0647\u0627<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"who-card not-for fade\">\r\n        <h3 class=\"who-h3\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line><\/svg>\r\n          \u0627\u0644\u0648\u0631\u0634\u0629 \u0644\u064a\u0633\u062a \u0644\u0643 \u0625\u0630\u0627 \u0643\u0646\u062a\r\n        <\/h3>\r\n        <div class=\"who-list\">\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u0645\u0647\u0646\u062f\u0633\u0627\u064b \u064a\u0628\u062d\u062b \u0639\u0646 \u062f\u0648\u0631\u0629 iOS \u062a\u0642\u0646\u064a\u0629 \u0639\u0645\u064a\u0642\u0629<\/div>\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u062a\u0631\u064a\u062f \u062a\u0639\u0644\u0651\u0645 Swift \u0623\u0648 \u0622\u0644\u064a\u0627\u062a iOS \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629<\/div>\r\n          <div class=\"wi\"><span class=\"dot\"><\/span>\u062a\u0631\u064a\u062f \u0627\u0644\u0627\u0637\u0644\u0627\u0642 \u0628\u062f\u0648\u0646 \u0625\u062d\u0636\u0627\u0631 \u0641\u0643\u0631\u0629 \u062a\u0624\u0645\u0646 \u0628\u0647\u0627 \u0648\u062a\u0641\u062e\u0631 \u0628\u0646\u0634\u0631\u0647\u0627<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"point-box fade\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n        <span>\u0633\u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 <strong>\u062a\u064f\u0648\u062c\u0651\u0647 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/strong> \u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a. \u0644\u0646 \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0647\u0646\u062f\u0633\u0647\u0627 \u0628\u0646\u0641\u0633\u0643. \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0645\u0642\u0635\u062f.<\/span>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b9a7a3 e-con-full e-flex e-con e-parent\" data-id=\"1b9a7a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cae864 elementor-widget elementor-widget-html\" data-id=\"5cae864\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n.sec-desc { font-size: 16px; color: var(--gray-light); max-width: 580px; line-height: 1.75; margin: 0; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a *\/\r\n.req-sec { background: var(--navy); padding: 86px 48px; }\r\n.req-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 52px; }\r\n\r\n\/* 3. \u0643\u0627\u0631\u062a \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover *\/\r\n.req-card {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 14px; padding: 26px 18px; transition: all .2s; position: relative; overflow: hidden;\r\n}\r\n.req-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\r\n  background: var(--green); opacity: 0; transition: opacity .2s;\r\n}\r\n.req-card:hover::before { opacity: 1; }\r\n.req-card:hover { border-color: var(--border-green); transform: translateY(-3px); }\r\n\r\n\/* 4. \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a (\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629) *\/\r\n.req-ico { \r\n  width: 48px; height: 48px; background: rgba(45,255,160,.1); \r\n  border-radius: 12px; display: flex; align-items: center; justify-content: center; \r\n  margin-bottom: 14px; color: var(--green);\r\n}\r\n.req-ico svg { width: 24px; height: 24px; }\r\n\r\n.req-title { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 7px; margin-top: 0; }\r\n.req-desc { font-size: 13px; color: var(--gray); line-height: 1.6; margin: 0; }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .req-sec { padding: 64px 24px; }\r\n  .req-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n  .req-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"req-sec\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631<\/div>\r\n    <div class=\"sec-title\">\u0645\u0627 \u062a\u062d\u0636\u0631\u0647 \u0645\u0639\u0643<\/div>\r\n    <div class=\"sec-desc\">\u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645 \u0642\u0635\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u064a\u0627\u0631 \u0645\u0631\u062a\u0641\u0639 \u2014 \u062a\u0639\u0627\u0644 \u0645\u0633\u062a\u0639\u062f\u0627\u064b.<\/div>\r\n    \r\n    <div class=\"req-grid\">\r\n      \r\n      <div class=\"req-card fade\">\r\n        <div class=\"req-ico\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"><\/line><\/svg>\r\n        <\/div>\r\n        <h4 class=\"req-title\">MacBook<\/h4>\r\n        <p class=\"req-desc\">\u064a\u0639\u0645\u0644 \u0639\u0644\u0649 macOS 15 \u0623\u0648 \u0623\u062d\u062f\u062b<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"req-card fade\">\r\n        <div class=\"req-ico\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n        <\/div>\r\n        <h4 class=\"req-title\">iPhone<\/h4>\r\n        <p class=\"req-desc\">\u064a\u0639\u0645\u0644 \u0639\u0644\u0649 iOS 18 \u0623\u0648 \u0623\u062d\u062f\u062b<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"req-card fade\">\r\n        <div class=\"req-ico\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z\"><\/path><path d=\"M10 2c1 .5 2 2 2 5\"><\/path><\/svg>\r\n        <\/div>\r\n        <h4 class=\"req-title\">Apple Developer Program<\/h4>\r\n        <p class=\"req-desc\">99$ \u0633\u0646\u0648\u064a\u0627\u064b \u2014 \u0633\u062c\u0651\u0644 \u0642\u0628\u0644 \u0627\u0644\u0648\u0631\u0634\u0629 \u0628\u0623\u0633\u0628\u0648\u0639 \u0623\u0648 \u0623\u0633\u0628\u0648\u0639\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"req-card fade\">\r\n        <div class=\"req-ico\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line><\/svg>\r\n        <\/div>\r\n        <h4 class=\"req-title\">\u0645\u0633\u0627\u0639\u062f AI \u0628\u0631\u0645\u062c\u064a<\/h4>\r\n        <p class=\"req-desc\">Claude Code \u0645\u0639 Claude Max 5x \u0645\u0648\u0635\u0649 \u0628\u0647\u061b Codex \u0623\u0648 Kimi \u0623\u0648 \u0645\u0627 \u064a\u0639\u0627\u062f\u0644\u0647\u0627 \u0645\u0642\u0628\u0648\u0644<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"req-card fade\">\r\n        <div class=\"req-ico\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.9 1.3 1.5 1.5 2.5\"><\/path><path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><\/svg>\r\n        <\/div>\r\n        <h4 class=\"req-title\">\u0641\u0643\u0631\u0629 \u062a\u0637\u0628\u064a\u0642\u0643<\/h4>\r\n        <p class=\"req-desc\">\u0641\u0643\u0631\u0629 \u0633\u062a\u0641\u062e\u0631 \u0628\u0646\u0634\u0631\u0647\u0627 \u062a\u062d\u062a \u0627\u0633\u0645\u0643 \u0639\u0644\u0649 \u0645\u062a\u062c\u0631 Apple<\/p>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99f5cf9 e-con-full e-flex e-con e-parent\" data-id=\"99f5cf9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6d869 elementor-widget elementor-widget-html\" data-id=\"2a6d869\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0645\u062f\u0631\u0628 *\/\r\n.inst-sec { background: var(--navy-mid); padding: 86px 48px; }\r\n.inst-grid { display: grid; grid-template-columns: 300px 1fr; gap: 52px; margin-top: 52px; align-items: start; }\r\n\r\n\/* 3. \u0643\u0627\u0631\u062a \u0627\u0644\u0628\u0631\u0648\u0641\u0627\u064a\u0644 (\u064a\u0645\u064a\u0646) *\/\r\n.inst-profile {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 20px; padding: 32px; text-align: center;\r\n}\r\n\r\n\/* \ud83d\ude80 \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u062f\u0627\u064a\u0631\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \ud83d\ude80 *\/\r\n.inst-avatar {\r\n  width: 100px; height: 100px; border-radius: 50%;\r\n  margin: 0 auto 16px;\r\n  padding: 3px; \/* \u0633\u0645\u0643 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0645\u062a\u062f\u0631\u062c *\/\r\n  background: linear-gradient(135deg, var(--green) 0%, #00BFFF 100%);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.inst-avatar img {\r\n  width: 100%; height: 100%;\r\n  border-radius: 50%;\r\n  object-fit: cover; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0645\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n  display: block;\r\n  background: var(--navy-dark);\r\n}\r\n\r\n.inst-name { color: #fff; font-size: 20px; font-weight: 900; margin-bottom: 4px; margin-top: 0; }\r\n.inst-role { font-size: 13px; color: var(--green); font-weight: 600; margin-bottom: 16px; }\r\n\r\n\/* \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a (Chips) *\/\r\n.inst-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-bottom: 18px; }\r\n.inst-chip {\r\n  background: rgba(45,255,160,.08); border: 1px solid rgba(45,255,160,.2);\r\n  border-radius: 100px; padding: 4px 12px; font-size: 11px; color: var(--green); font-weight: 700;\r\n}\r\n.inst-sep { height: 1px; background: var(--border); margin: 16px 0; }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0645\u0639 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.inst-link { \r\n  display: flex; align-items: center; justify-content: center; gap: 6px;\r\n  font-size: 13px; color: var(--gray); text-decoration: none; margin-bottom: 12px; transition: color .2s; \r\n}\r\n.inst-link svg { width: 14px; height: 14px; }\r\n.inst-link:hover { color: var(--green); }\r\n\r\n.inst-app small { display: block; font-size: 11px; color: var(--gray); margin-bottom: 4px; }\r\n.inst-app { font-size: 14px; font-weight: 700; color: var(--green); }\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0627\u0628 \u0633\u062a\u0648\u0631 \u0644\u064a\u0635\u0628\u062d \u0631\u0627\u0628\u0637 \u0642\u0627\u0628\u0644 \u0644\u0644\u0636\u063a\u0637 *\/\r\n.inst-app-title { \r\n  display: flex; align-items: center; justify-content: center; gap: 6px; \r\n  text-decoration: none; color: var(--green); transition: all 0.2s; cursor: pointer;\r\n}\r\n.inst-app-title:hover { opacity: 0.8; transform: translateY(-2px); text-decoration: underline; }\r\n.inst-app-title svg { width: 16px; height: 16px; }\r\n\r\n\/* 4. \u0646\u0628\u0630\u0629 \u0627\u0644\u0645\u062f\u0631\u0628 (\u064a\u0633\u0627\u0631) *\/\r\n.inst-bio h3 {color: #fff; font-size: 24px; font-weight: 900; margin-bottom: 16px; margin-top: 0; }\r\n.inst-bio p { font-size: 16px; color: var(--gray-light); line-height: 1.8; margin-bottom: 16px; margin-top: 0; }\r\n\r\n\/* \ud83d\ude80 \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u062c\u0647\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \ud83d\ude80 *\/\r\n.inst-companies {\r\n  margin: 24px 0; padding: 20px;\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px dashed var(--border);\r\n  border-radius: 14px;\r\n}\r\n.c-title {\r\n  font-size: 13px; color: var(--green); font-weight: 700;\r\n  margin-bottom: 12px; display: block; letter-spacing: 1px;\r\n}\r\n.c-tags { display: flex; flex-wrap: wrap; gap: 10px; }\r\n.c-tag {\r\n  background: var(--navy-card); border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 8px; padding: 8px 14px; font-size: 13px;\r\n  color: var(--white); font-weight: 600;\r\n}\r\n\r\n\/* \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 (Highlights) *\/\r\n.inst-hls { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }\r\n.inst-hl {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 12px; padding: 16px 18px;\r\n  display: flex; align-items: center; gap: 12px;\r\n  font-size: 14px; color: var(--gray-light); font-weight: 500;\r\n}\r\n.inst-hl .ico { display: flex; align-items: center; justify-content: center; color: var(--green); flex-shrink: 0; }\r\n.inst-hl .ico svg { width: 22px; height: 22px; }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a) *\/\r\n@media (max-width: 1024px) {\r\n  .inst-sec { padding: 64px 24px; }\r\n  .inst-grid { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .inst-hls { grid-template-columns: 1fr; }\r\n  .c-tags { gap: 6px; }\r\n  .c-tag { padding: 6px 10px; font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"inst-sec\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\">\u0627\u0644\u0645\u062f\u0631\u0628<\/div>\r\n    <div class=\"sec-title\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0645\u062f\u0631\u0628\u0643<\/div>\r\n    \r\n    <div class=\"inst-grid\">\r\n      \r\n      <div class=\"inst-profile fade\">\r\n        \r\n        <div class=\"inst-avatar\">\r\n          <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg\" alt=\"\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0647\u0648\u064a\u0634\u0627\u0646\">\r\n        <\/div>\r\n\r\n        <h4 class=\"inst-name\">\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0647\u0648\u064a\u0634\u0627\u0646<\/h4>\r\n        <div class=\"inst-role\">Senior Product Manager \u00b7 Saudi Azm<\/div>\r\n        <div class=\"inst-chips\">\r\n          <span class=\"inst-chip\">AI-First PM<\/span>\r\n          <span class=\"inst-chip\">Agile \u00b7 Scrum<\/span>\r\n          <span class=\"inst-chip\">App Store \u2713<\/span>\r\n        <\/div>\r\n        <div class=\"inst-sep\"><\/div>\r\n        \r\n        <a href=\"https:\/\/linkedin.com\/in\/aalhwishan\" class=\"inst-link\" target=\"_blank\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path><\/svg>\r\n          linkedin.com\/in\/aalhwishan\r\n        <\/a>\r\n        \r\n        <div class=\"inst-app\">\r\n          <small>\u062a\u0637\u0628\u064a\u0642\u0647 \u0639\u0644\u0649 App Store<\/small>\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/fathakkir-%D9%81%D8%B0%D9%83%D8%B1\/id6760734511\" target=\"_blank\" class=\"inst-app-title\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"><\/path><\/svg>\r\n            Fathakkir\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"inst-bio fade\">\r\n        <h3>\u0644\u0645\u0627\u0630\u0627 \u064a\u064f\u062f\u0631\u0651\u0633 \u0647\u0630\u0647 \u0627\u0644\u0648\u0631\u0634\u0629<\/h3>\r\n        <p>\r\n          \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u062e\u0628\u0631\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 <strong>5 \u0633\u0646\u0648\u0627\u062a \u0641\u064a Agile \u0648Scrum<\/strong>\u060c \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0646 \u0623\u0648\u0644\u0647\u0627 \u0644\u0622\u062e\u0631\u0647\u0627 \u0639\u0628\u0631 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u062d\u0643\u0648\u0645\u0629. \u0639\u0645\u0644\u0647 \u0627\u0644\u064a\u0648\u0645\u064a \u0647\u0648 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0625\u0644\u0649 \u062e\u0631\u0627\u0626\u0637 \u0637\u0631\u064a\u0642 \u0648\u0627\u0636\u062d\u0629 \u0648PRDs \u0648\u0642\u0635\u0635 \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u2014 \u0648\u0625\u062d\u064a\u0627\u0624\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0645\u0627\u0630\u062c \u0623\u0648\u0644\u064a\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0644\u0649 \u0642\u0648\u0627\u0639\u062f \u0643\u0648\u062f \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0645\u062d\u0627\u0630\u0627\u0629 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0635\u0644\u062d\u0629 \u0645\u0628\u0643\u0631\u0627\u064b.\r\n        <\/p>\r\n\r\n        <div class=\"inst-companies\">\r\n          <span class=\"c-title\">\u0639\u0645\u0644 \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u062c\u0647\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a:<\/span>\r\n          <div class=\"c-tags\">\r\n            <span class=\"c-tag\">NEOM<\/span>\r\n            <span class=\"c-tag\">AZM<\/span>\r\n            <span class=\"c-tag\">Solutions by STC<\/span>\r\n            <span class=\"c-tag\">Takamol<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p>\r\n          \u0647\u0630\u0647 \u0627\u0644\u0648\u0631\u0634\u0629 \u0647\u064a \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0630\u064a \u064a\u0633\u062a\u062e\u062f\u0645\u0647 \u0628\u0646\u0641\u0633\u0647. \u0646\u0641\u0633 \u0627\u0644\u0640 Workflow \u0627\u0644\u0630\u064a \u0623\u062e\u0630 \u062a\u0637\u0628\u064a\u0642\u0647 <strong style=\"color:var(--green)\">Fathakkir<\/strong> \u0645\u0646 \u0645\u062c\u0631\u062f \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 App Store \u2014 \u0648\u0646\u0641\u0633 \u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0627\u0644\u0630\u064a \u064a\u0637\u0628\u0651\u0642\u0647 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0643\u0644 \u0623\u0633\u0628\u0648\u0639. \u0627\u0644\u0622\u0646 \u0641\u064a \u0645\u062a\u0646\u0627\u0648\u0644\u0643 \u0641\u064a \u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645.\r\n        <\/p>\r\n        \r\n        <div class=\"inst-hls\">\r\n          <div class=\"inst-hl\">\r\n            <span class=\"ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M9 22v-4h6v4\"><\/path><path d=\"M8 6h.01\"><\/path><path d=\"M16 6h.01\"><\/path><path d=\"M12 6h.01\"><\/path><path d=\"M12 10h.01\"><\/path><path d=\"M12 14h.01\"><\/path><path d=\"M16 10h.01\"><\/path><path d=\"M16 14h.01\"><\/path><path d=\"M8 10h.01\"><\/path><path d=\"M8 14h.01\"><\/path><\/svg>\r\n            <\/span>\r\n            Senior PM \u00b7 Saudi Azm\r\n          <\/div>\r\n          <div class=\"inst-hl\">\r\n            <span class=\"ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\r\n            <\/span>\r\n            +5 \u0633\u0646\u0648\u0627\u062a Agile & Scrum\r\n          <\/div>\r\n          <div class=\"inst-hl\">\r\n            <span class=\"ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n            <\/span>\r\n            \u0645\u064f\u0637\u0644\u0650\u0642 \u062a\u0637\u0628\u064a\u0642 \u0639\u0644\u0649 App Store\r\n          <\/div>\r\n          <div class=\"inst-hl\">\r\n            <span class=\"ico\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\"><\/rect><circle cx=\"12\" cy=\"5\" r=\"2\"><\/circle><path d=\"M12 7v4\"><\/path><line x1=\"8\" y1=\"16\" x2=\"8\" y2=\"16\"><\/line><line x1=\"16\" y1=\"16\" x2=\"16\" y2=\"16\"><\/line><\/svg>\r\n            <\/span>\r\n            AI-First Product Manager\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39ca86d e-con-full e-flex e-con e-parent\" data-id=\"39ca86d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d3da49 elementor-widget elementor-widget-html\" data-id=\"1d3da49\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n.sec-eye { font-size: 11px; font-weight: 700; color: var(--green); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }\r\n.sec-title { font-size: clamp(26px, 3.5vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 *\/\r\n.pricing-sec { background: var(--navy); padding: 86px 48px; }\r\n.pricing-grid { \r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; \r\n  margin-top: 52px; max-width: 860px; margin-right: auto; margin-left: auto; \r\n}\r\n\r\n\/* 3. \u0643\u0627\u0631\u062a \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0639\u0627\u062f\u064a *\/\r\n.price-card {\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 20px; padding: 36px 32px; position: relative; overflow: hidden;\r\n  transition: all .3s; display: flex; flex-direction: column;\r\n}\r\n.price-card:hover { transform: translateY(-4px); }\r\n\r\n\/* 4. \u0643\u0627\u0631\u062a \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u0645\u064a\u0632 (Featured) *\/\r\n.price-card.featured { border-color: var(--border-green); }\r\n.price-card.featured::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--green), #00BFFF);\r\n}\r\n.price-badge {\r\n  display: inline-block; background: var(--green); color: var(--navy-dark);\r\n  font-size: 11px; font-weight: 800; letter-spacing: 1px;\r\n  padding: 4px 12px; border-radius: 100px; margin-bottom: 18px; align-self: flex-start;\r\n}\r\n\r\n\/* 5. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a *\/\r\n.price-label { font-size: 14px; color: var(--gray); font-weight: 600; margin-bottom: 8px; margin-top: 0; }\r\n.price-amount { font-size: 52px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 4px; margin-top: 0; }\r\n.price-amount .currency { \r\n  font-size: 22px; font-weight: 700; color: var(--gray-light); \r\n  vertical-align: top; margin-top: 10px; display: inline-block; margin-left: 6px; \r\n}\r\n.price-period { font-size: 13px; color: var(--gray); margin-bottom: 24px; margin-top: 0; }\r\n.price-sep { height: 1px; background: var(--border); margin-bottom: 22px; }\r\n\r\n\/* 6. \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n.price-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; flex-grow: 1; }\r\n.pf { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--gray-light); line-height: 1.5; }\r\n.pf .pi { color: var(--green); font-weight: 700; flex-shrink: 0; }\r\n\r\n\/* 7. \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621 *\/\r\n.price-btn {\r\n  display: block; width: 100%; text-align: center;\r\n  padding: 13px 24px; border-radius: 10px;\r\n  font-family: 'Cairo', sans-serif; font-weight: 800; font-size: 15px;\r\n  text-decoration: none; transition: all .2s;\r\n}\r\n.price-btn.primary { background: var(--green); color: var(--navy-dark); }\r\n.price-btn.primary:hover { background: #1ff094; box-shadow: 0 8px 28px rgba(45,255,160,.3); }\r\n\r\n.price-btn.outline { background: transparent; color: var(--green); border: 1.5px solid var(--green); }\r\n.price-btn.outline:hover { background: rgba(45, 255, 160, 0.08); }\r\n\r\n\/* \u0645\u0644\u0627\u062d\u0638\u0629 \u0627\u0644\u062a\u0648\u0641\u064a\u0631 *\/\r\n.price-saving { text-align: center; margin-top: 24px; font-size: 14px; color: var(--gray); }\r\n.price-saving strong { color: var(--green); }\r\n\r\n@media (max-width: 1024px) { .pricing-sec { padding: 64px 24px; } }\r\n@media (max-width: 700px) { .pricing-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<section class=\"pricing-sec\" id=\"pricing\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-eye\" style=\"text-align:center\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/div>\r\n    <div class=\"sec-title\" style=\"text-align:center\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0643<\/div>\r\n    \r\n    <div class=\"pricing-grid\">\r\n\r\n      <div class=\"price-card fade\">\r\n        <p class=\"price-label\">\u0627\u0644\u0648\u0631\u0634\u0629 \u0641\u0642\u0637<\/p>\r\n        <h3 class=\"price-amount\"><span class=\"currency\">\u0631.\u0633<\/span>950<\/h3>\r\n        <p class=\"price-period\">\u062f\u0641\u0639\u0629 \u0648\u0627\u062d\u062f\u0629 \u00b7 \u0648\u0635\u0648\u0644 \u0643\u0627\u0645\u0644 \u0644\u0644\u0648\u0631\u0634\u0629<\/p>\r\n        <div class=\"price-sep\"><\/div>\r\n        \r\n        <div class=\"price-features\">\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0648\u0631\u0634\u0629 \u0627\u0644\u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645<\/div>\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u0645\u062d\u062a\u0648\u0649 \u062a\u0637\u0628\u064a\u0642\u064a \u0648\u0625\u0637\u0627\u0631 \u0639\u0645\u0644 \u0641\u0648\u0631\u064a<\/div>\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u0627\u0644\u062a\u0633\u062c\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0643\u062a\u064a\u0651\u0628 \u0627\u0644\u0645\u0637\u0628\u0648\u0639<\/div>\r\n        <\/div>\r\n        \r\n        <a href=\"https:\/\/productsheroes.sa\/ai-agents-in-pm-book\/\" class=\"price-btn outline\">\u0633\u062c\u0651\u0644 \u0641\u064a \u0627\u0644\u0648\u0631\u0634\u0629 (950 \u0631.\u0633)<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"price-card featured fade\">\r\n        <div class=\"price-badge\">\u2728 \u0627\u0644\u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629<\/div>\r\n        <p class=\"price-label\">\u0639\u0636\u0648\u064a\u0629 \u0628\u0637\u0644+ \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/p>\r\n        <h3 class=\"price-amount\"><span class=\"currency\">\u0631.\u0633<\/span>1500<\/h3>\r\n        <p class=\"price-period\">\u0633\u0646\u0648\u064a\u0627\u064b \u00b7 \u0627\u0644\u0648\u0631\u0634\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b<\/p>\r\n        <div class=\"price-sep\"><\/div>\r\n        \r\n        <div class=\"price-features\">\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u0647\u0630\u0647 \u0627\u0644\u0648\u0631\u0634\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/div>\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u062c\u0644\u0633\u0627\u062a \u0634\u0647\u0631\u064a\u0629 \u0645\u0643\u062b\u0641\u0629 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/div>\r\n          <div class=\"pf\"><span class=\"pi\">\u2713<\/span>\u0645\u062c\u062a\u0645\u0639 \u062d\u0635\u0631\u064a \u0648\u0645\u0648\u0627\u0631\u062f \u0644\u0623\u0639\u0636\u0627\u0621 \u0628\u0637\u0644+<\/div>\r\n        <\/div>\r\n        \r\n        <a href=\"https:\/\/productsheroes.sa\/heroplus\/\" target=\"_blank\" class=\"price-btn primary\">\u0627\u0634\u062a\u0631\u0643 \u0641\u064a \u0628\u0637\u0644+<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <p class=\"price-saving fade\">\r\n      \ud83d\udca1 \u0628\u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0644\u0639\u0636\u0648\u064a\u0629 <strong>\u0628\u0637\u0644+<\/strong> \u062a\u0648\u0641\u0651\u0631 950 \u0631.\u0633 \u0639\u0644\u0649 \u0647\u0630\u0647 \u0627\u0644\u0648\u0631\u0634\u0629 \u0648\u062d\u062f\u0647\u0627 \u2014 \u062c\u0644\u0633\u0627\u062a \u0634\u0647\u0631\u064a\u0629 \u0645\u0643\u062b\u0641\u0629 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8a3158 e-con-full e-flex e-con e-parent\" data-id=\"b8a3158\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb0939 elementor-widget elementor-widget-html\" data-id=\"5eb0939\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.wrap { max-width: 1160px; margin: 0 auto; }\r\n\r\n\/* 2. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u062f\u0639\u0648\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0625\u062c\u0631\u0627\u0621 (CTA) *\/\r\n.cta-sec { background: var(--navy); padding: 86px 48px; text-align: center; }\r\n.cta-inner { max-width: 680px; margin: 0 auto; }\r\n.cta-inner h2 {color:#fff;font-size: clamp(28px, 4vw, 46px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; margin-top: 0; }\r\n.cta-inner h2 .acc { color: var(--green); }\r\n.cta-inner p { font-size: 17px; color: var(--gray-light); margin-bottom: 36px; line-height: 1.7; margin-top: 0; }\r\n\r\n\/* 3. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0641\u0648\u0631\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 (WPForms) *\/\r\n.form-sec { background: var(--navy-mid); padding: 86px 48px; }\r\n.form-box {\r\n  max-width: 600px; margin: 52px auto 0;\r\n  background: var(--navy-card); border: 1px solid var(--border);\r\n  border-radius: 20px; padding: 44px;\r\n}\r\n.form-box h2 {color:#fff; font-size: 26px; font-weight: 900; margin-bottom: 6px; margin-top: 0; text-align: right; }\r\n.form-box .form-sub { font-size: 15px; color: var(--gray); margin-bottom: 30px; margin-top: 0; text-align: right; }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0628\u0633\u064a\u0637 \u0639\u0634\u0627\u0646 WPForms \u064a\u0646\u062f\u0645\u062c \u0645\u0639 \u0627\u0644\u062b\u064a\u0645 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n.form-box .wpforms-container { direction: rtl; }\r\n.form-box label { color: var(--gray-light) !important; font-family: 'Cairo', sans-serif !important; }\r\n.form-box input, .form-box select, .form-box textarea {\r\n    background: rgba(255,255,255,.04) !important;\r\n    border: 1px solid var(--border) !important;\r\n    color: var(--white) !important;\r\n    border-radius: 10px !important;\r\n}\r\n\r\n\/* 4. \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0641\u0648\u062a\u0631 (Footer) *\/\r\nfooter { background: var(--navy-dark); border-top: 1px solid var(--border); padding: 36px 48px; }\r\n.foot-inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }\r\n.foot-brand { display: flex; align-items: center; gap: 10px; }\r\n.foot-text { font-size: 13px; color: var(--gray); }\r\n.foot-links { display: flex; gap: 22px; }\r\n.foot-links a { font-size: 13px; color: var(--gray); text-decoration: none; transition: color .2s; }\r\n.foot-links a:hover { color: var(--green); }\r\n\r\n\/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n@media (max-width: 1024px) {\r\n  .cta-sec, .form-sec { padding: 64px 24px; }\r\n  footer { padding: 28px 24px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .form-box { padding: 28px 20px; }\r\n  .foot-inner { flex-direction: column; text-align: center; }\r\n}\r\n<\/style>\r\n\r\n<!-- ======================= -->\r\n<!-- \u0647\u064a\u0643\u0644 \u0627\u0644\u062f\u0639\u0648\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0625\u062c\u0631\u0627\u0621 -->\r\n<!-- ======================= -->\r\n<section class=\"cta-sec\">\r\n  <div class=\"cta-inner fade\">\r\n    <div class=\"chip\" style=\"margin: 0 auto 20px; width: fit-content;\">23 \u2013 26 \u0645\u0627\u064a\u0648 2026 \u00b7 7 \u2013 9 \u0645\u0633\u0627\u0621\u064b<\/div>\r\n    <h2>\u062c\u0627\u0647\u0632 \u062a\u062d\u0648\u0651\u0644 \u0641\u0643\u0631\u062a\u0643 \u0625\u0644\u0649 <span class=\"acc\">\u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a<\/span>\u061f<\/h2>\r\n    <p>\u0627\u0644\u0645\u0642\u0627\u0639\u062f \u0645\u062d\u062f\u0648\u062f\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u062c\u0631\u0628\u0629. \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0646\u062a\u0647\u064a.<\/p>\r\n    <div class=\"btn-row\" style=\"justify-content:center\">\r\n      <a href=\"https:\/\/productsheroes.sa\/ai-agents-in-pm-book\/\" class=\"btn-primary\">\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u2014 \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0645\u0643\u062b\u0641\u0629 \u00b7 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062d\u0635\u0631\u064a Vibe Coding \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 App Store \u0648\u0631\u0634\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0639\u0644\u0651\u0645 \u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 23 \u2013 26 \u0645\u0627\u064a\u0648 2026 7 \u2013 9 \u0645\u0633\u0627\u0621\u064b \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u062f\u0648\u0646 \u0643\u0648\u062f \u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a \u0639\u0644\u0649 App Store \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u0647\u062c \u0646\u0638\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-29050","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/productsheroes.sa\/en\/vibe-coding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"og:description\" content=\"\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0645\u0643\u062b\u0641\u0629 \u00b7 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062d\u0635\u0631\u064a Vibe Coding \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 App Store \u0648\u0631\u0634\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0639\u0644\u0651\u0645 \u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 23 \u2013 26 \u0645\u0627\u064a\u0648 2026 7 \u2013 9 \u0645\u0633\u0627\u0621\u064b \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u062f\u0648\u0646 \u0643\u0648\u062f \u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a \u0639\u0644\u0649 App Store \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u0647\u062c \u0646\u0638\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/productsheroes.sa\/en\/vibe-coding\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T05:32:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"32 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/\",\"name\":\"Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg\",\"datePublished\":\"2026-05-07T12:06:47+00:00\",\"dateModified\":\"2026-05-11T05:32:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/#primaryimage\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg\",\"contentUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/vibe-coding\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/productsheroes.sa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vibe coding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#website\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/productsheroes.sa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#organization\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"contentUrl\":\"https:\\\/\\\/productsheroes.sa\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"width\":200,\"height\":80,\"caption\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\"},\"image\":{\"@id\":\"https:\\\/\\\/productsheroes.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/productsheroes.sa\/en\/vibe-coding\/","og_locale":"en_US","og_type":"article","og_title":"Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","og_description":"\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0645\u0643\u062b\u0641\u0629 \u00b7 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u062d\u0635\u0631\u064a Vibe Coding \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 App Store \u0648\u0631\u0634\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0639\u0644\u0651\u0645 \u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 23 \u2013 26 \u0645\u0627\u064a\u0648 2026 7 \u2013 9 \u0645\u0633\u0627\u0621\u064b \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u062f\u0648\u0646 \u0643\u0648\u062f \u062a\u0637\u0628\u064a\u0642 \u062d\u0642\u064a\u0642\u064a \u0639\u0644\u0649 App Store \u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u0647\u062c \u0646\u0638\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 [&hellip;]","og_url":"https:\/\/productsheroes.sa\/en\/vibe-coding\/","og_site_name":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","article_modified_time":"2026-05-11T05:32:38+00:00","og_image":[{"url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"32 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/productsheroes.sa\/vibe-coding\/","url":"https:\/\/productsheroes.sa\/vibe-coding\/","name":"Vibe coding - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","isPartOf":{"@id":"https:\/\/productsheroes.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/productsheroes.sa\/vibe-coding\/#primaryimage"},"image":{"@id":"https:\/\/productsheroes.sa\/vibe-coding\/#primaryimage"},"thumbnailUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg","datePublished":"2026-05-07T12:06:47+00:00","dateModified":"2026-05-11T05:32:38+00:00","breadcrumb":{"@id":"https:\/\/productsheroes.sa\/vibe-coding\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/productsheroes.sa\/vibe-coding\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/vibe-coding\/#primaryimage","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-7.35.12-PM.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/productsheroes.sa\/vibe-coding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/productsheroes.sa\/"},{"@type":"ListItem","position":2,"name":"Vibe coding"}]},{"@type":"WebSite","@id":"https:\/\/productsheroes.sa\/#website","url":"https:\/\/productsheroes.sa\/","name":"Product hero","description":"","publisher":{"@id":"https:\/\/productsheroes.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/productsheroes.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/productsheroes.sa\/#organization","name":"Product hero","url":"https:\/\/productsheroes.sa\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","width":200,"height":80,"caption":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a"},"image":{"@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/29050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/comments?post=29050"}],"version-history":[{"count":176,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/29050\/revisions"}],"predecessor-version":[{"id":29268,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/29050\/revisions\/29268"}],"wp:attachment":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/media?parent=29050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}