{"id":20191,"date":"2026-05-13T18:52:58","date_gmt":"2026-05-13T15:52:58","guid":{"rendered":"https:\/\/elavocatomobile.net\/mobile-insurance-terms\/"},"modified":"2026-05-13T19:29:47","modified_gmt":"2026-05-13T16:29:47","slug":"mobile-insurance-terms","status":"publish","type":"page","link":"https:\/\/elavocatomobile.net\/ar\/mobile-insurance-terms\/","title":{"rendered":"mobile insurance terms"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0634\u0631\u0648\u0637 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u2014 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644<\/title>\r\n<meta name=\"description\" content=\"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u0633\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 \u0639\u0644\u0649 \u0645\u0648\u0628\u0627\u064a\u0644\u0643 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u0645\u0639 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644. \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u060c \u0642\u064a\u0645\u0629 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u060c \u0648\u0646\u0633\u0628\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644.\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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 \/* ============ DESIGN TOKENS ============ *\/\r\n :root {\r\n --primary: #FF6B00;\r\n --primary-dark: #CC5500;\r\n --primary-light: #FF8C33;\r\n --primary-glow: rgba(255, 107, 0, 0.18);\r\n --cream: #FFF8F0;\r\n --cream-deep: #FFEEDB;\r\n --ink: #1A1A1A;\r\n --ink-soft: #2D2D2D;\r\n --slate: #5C5C5C;\r\n --mist: #B8B8B8;\r\n --line: #F0E6D9;\r\n --gold: #FFB000;\r\n --success: #16A34A;\r\n --shadow-card: 0 10px 30px -10px rgba(255, 107, 0, 0.15), 0 4px 12px rgba(0,0,0,0.04);\r\n --shadow-lift: 0 24px 60px -20px rgba(255, 107, 0, 0.35), 0 8px 24px rgba(0,0,0,0.08);\r\n --radius: 20px;\r\n --radius-sm: 12px;\r\n --radius-lg: 28px;\r\n --ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n \/* ============ RESET ============ *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background: #FFFFFF;\r\n color: var(--ink);\r\n line-height: 1.75;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n }\r\n img, svg { display: block; max-width: 100%; }\r\n ul { list-style: none; }\r\n a { color: inherit; text-decoration: none; }\r\n h1, h2, h3, h4 { font-family: 'Cairo', system-ui, sans-serif; line-height: 1.45; letter-spacing: -0.01em; }\r\n\r\n \/* ============ SCROLL PROGRESS ============ *\/\r\n .scroll-progress {\r\n position: fixed; top: 0; right: 0; left: 0;\r\n height: 3px; background: transparent; z-index: 9999;\r\n }\r\n .scroll-progress__bar {\r\n height: 100%; width: 0%;\r\n background: linear-gradient(90deg, var(--primary), var(--gold));\r\n transition: width 0.1s linear;\r\n }\r\n\r\n \/* ============ CONTAINER ============ *\/\r\n .container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }\r\n\r\n \/* ============ HERO ============ *\/\r\n .hero {\r\n position: relative;\r\n min-height: 92vh;\r\n padding: 100px 0 80px;\r\n background:\r\n radial-gradient(ellipse 70% 50% at 80% 20%, rgba(255, 176, 0, 0.18), transparent 60%),\r\n radial-gradient(ellipse 60% 80% at 20% 90%, rgba(255, 107, 0, 0.12), transparent 60%),\r\n linear-gradient(180deg, var(--cream) 0%, #FFFFFF 100%);\r\n overflow: hidden;\r\n }\r\n .hero::before {\r\n content: \"\"; position: absolute; inset: 0;\r\n background-image:\r\n radial-gradient(circle at 1px 1px, rgba(255, 107, 0, 0.15) 1px, transparent 0);\r\n background-size: 32px 32px;\r\n opacity: 0.4;\r\n mask-image: radial-gradient(ellipse 80% 100% at 50% 0%, black 30%, transparent 70%);\r\n }\r\n .hero__inner {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n .hero__badge {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 8px 16px; background: white;\r\n border: 1px solid var(--line);\r\n border-radius: 100px;\r\n font-size: 14px; font-weight: 600; color: var(--primary-dark);\r\n box-shadow: 0 4px 16px rgba(255,107,0,0.08);\r\n margin-bottom: 28px;\r\n }\r\n .hero__badge .dot {\r\n width: 8px; height: 8px; border-radius: 50%;\r\n background: var(--primary);\r\n box-shadow: 0 0 0 4px var(--primary-glow);\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 0 0 4px var(--primary-glow); }\r\n 50% { box-shadow: 0 0 0 8px rgba(255, 107, 0, 0.08); }\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(34px, 5.2vw, 60px);\r\n font-weight: 800;\r\n color: var(--ink);\r\n margin-bottom: 24px;\r\n }\r\n .hero h1 .word {\r\n display: inline-block;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: wordReveal 0.8s var(--ease) forwards;\r\n }\r\n .hero h1 .accent {\r\n color: var(--primary);\r\n position: relative;\r\n white-space: nowrap;\r\n }\r\n .hero h1 .accent::after {\r\n content: \"\"; position: absolute;\r\n bottom: -4px; right: 0; width: 100%; height: 12px;\r\n background: var(--primary-glow);\r\n border-radius: 100px;\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n animation: underline 0.8s var(--ease) 1.2s forwards;\r\n }\r\n @keyframes wordReveal { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes underline { to { transform: scaleX(1); } }\r\n\r\n .hero p.lead {\r\n font-size: clamp(16px, 1.5vw, 18px);\r\n color: var(--slate);\r\n max-width: 540px;\r\n margin-bottom: 36px;\r\n opacity: 0; transform: translateY(20px);\r\n animation: wordReveal 0.8s var(--ease) 0.8s forwards;\r\n }\r\n\r\n .hero__stats {\r\n display: flex; gap: 40px;\r\n padding-top: 32px;\r\n border-top: 1px solid var(--line);\r\n opacity: 0; transform: translateY(20px);\r\n animation: wordReveal 0.8s var(--ease) 1.2s forwards;\r\n }\r\n .stat__num {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 40px; font-weight: 700; color: var(--primary);\r\n line-height: 1;\r\n }\r\n .stat__label { font-size: 14px; color: var(--slate); margin-top: 6px; }\r\n\r\n \/* Hero Visual - Phone + Shield *\/\r\n .hero__visual {\r\n position: relative;\r\n aspect-ratio: 1 \/ 1;\r\n max-width: 460px;\r\n margin-right: auto;\r\n opacity: 0;\r\n animation: wordReveal 1s var(--ease) 0.4s forwards;\r\n }\r\n .hero__visual svg { width: 100%; height: 100%; }\r\n .float-anim { animation: float 6s ease-in-out infinite; }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ============ SECTION BASE ============ *\/\r\n section { padding: 100px 0; position: relative; }\r\n .section-tag {\r\n display: inline-block;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 13px; font-weight: 600;\r\n color: var(--primary-dark);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 6px 14px;\r\n background: var(--cream-deep);\r\n border-radius: 100px;\r\n margin-bottom: 20px;\r\n }\r\n .section-title {\r\n font-size: clamp(28px, 3.5vw, 44px);\r\n font-weight: 700;\r\n color: var(--ink);\r\n margin-bottom: 20px;\r\n max-width: 760px;\r\n }\r\n .section-sub {\r\n font-size: 17px; color: var(--slate);\r\n max-width: 680px; margin-bottom: 56px;\r\n }\r\n\r\n \/* Reveal on scroll *\/\r\n [data-reveal] {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.9s var(--ease), transform 0.9s var(--ease);\r\n }\r\n [data-reveal].is-visible { opacity: 1; transform: translateY(0); }\r\n [data-reveal-delay=\"1\"] { transition-delay: 0.1s; }\r\n [data-reveal-delay=\"2\"] { transition-delay: 0.2s; }\r\n [data-reveal-delay=\"3\"] { transition-delay: 0.3s; }\r\n [data-reveal-delay=\"4\"] { transition-delay: 0.4s; }\r\n\r\n \/* ============ OVERVIEW CARDS ============ *\/\r\n .overview { background: var(--cream); }\r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n .feature-card {\r\n background: white;\r\n padding: 36px 30px;\r\n border-radius: var(--radius);\r\n border: 1px solid var(--line);\r\n transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease), border-color 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .feature-card::before {\r\n content: \"\"; position: absolute;\r\n top: 0; right: 0; width: 100px; height: 100px;\r\n background: radial-gradient(circle, var(--primary-glow), transparent 70%);\r\n opacity: 0; transition: opacity 0.5s;\r\n }\r\n .feature-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lift); border-color: var(--primary-light); }\r\n .feature-card:hover::before { opacity: 1; }\r\n .feature-icon {\r\n width: 64px; height: 64px;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n border-radius: var(--radius-sm);\r\n display: grid; place-items: center;\r\n margin-bottom: 24px;\r\n font-size: 28px;\r\n color: white;\r\n box-shadow: 0 8px 20px var(--primary-glow);\r\n }\r\n .feature-card h3 { font-size: 22px; margin-bottom: 10px; color: var(--ink); }\r\n .feature-card p { color: var(--slate); font-size: 15px; line-height: 1.7; }\r\n\r\n \/* ============ DURATION SECTION ============ *\/\r\n .duration { padding: 120px 0; }\r\n .duration-wrap {\r\n background: linear-gradient(135deg, var(--ink) 0%, #2a2a2a 100%);\r\n border-radius: var(--radius-lg);\r\n padding: 80px 60px;\r\n position: relative;\r\n overflow: hidden;\r\n color: white;\r\n }\r\n .duration-wrap::before {\r\n content: \"\"; position: absolute;\r\n width: 400px; height: 400px;\r\n background: radial-gradient(circle, rgba(255,107,0,0.25), transparent 70%);\r\n border-radius: 50%;\r\n top: -100px; left: -100px;\r\n }\r\n .duration-wrap::after {\r\n content: \"\"; position: absolute;\r\n width: 300px; height: 300px;\r\n background: radial-gradient(circle, rgba(255,176,0,0.15), transparent 70%);\r\n border-radius: 50%;\r\n bottom: -80px; right: -80px;\r\n }\r\n .duration-grid {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1.4fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n .big-number {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(120px, 18vw, 220px);\r\n font-weight: 700;\r\n line-height: 0.9;\r\n background: linear-gradient(135deg, var(--primary-light), var(--gold));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: -10px;\r\n letter-spacing: -0.05em;\r\n }\r\n .big-number-label {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 28px;\r\n color: white;\r\n opacity: 0.9;\r\n }\r\n .duration-text h2 { color: white; font-size: clamp(28px, 3vw, 38px); margin-bottom: 20px; }\r\n .duration-text p { color: rgba(255,255,255,0.75); font-size: 17px; line-height: 1.8; }\r\n .duration-marker {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n color: var(--primary-light); font-weight: 600;\r\n margin-bottom: 20px; font-size: 14px;\r\n letter-spacing: 0.05em;\r\n }\r\n .duration-marker::before {\r\n content: \"\"; width: 32px; height: 2px; background: var(--primary-light);\r\n }\r\n\r\n \/* ============ CUSTOMER SHARE CARDS ============ *\/\r\n .share-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n .share-card {\r\n background: white;\r\n border-radius: var(--radius);\r\n padding: 40px;\r\n border: 1px solid var(--line);\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease);\r\n }\r\n .share-card::before {\r\n content: \"\"; position: absolute; right: 0; top: 0;\r\n width: 200px; height: 200px;\r\n background: var(--cream);\r\n border-radius: 50%;\r\n transform: translate(40%, -40%);\r\n transition: transform 0.6s var(--ease);\r\n }\r\n .share-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); }\r\n .share-card:hover::before { transform: translate(30%, -50%) scale(1.2); }\r\n .share-card__head {\r\n position: relative;\r\n display: flex; align-items: baseline; gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n .share-card__pct {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 72px; font-weight: 700;\r\n color: var(--primary);\r\n line-height: 1;\r\n }\r\n .share-card__pct-label { color: var(--slate); font-size: 14px; }\r\n .share-card__price-range {\r\n position: relative;\r\n font-size: 18px; font-weight: 600;\r\n color: var(--ink);\r\n margin-bottom: 18px;\r\n }\r\n .share-card__desc {\r\n position: relative;\r\n color: var(--slate); font-size: 15px; line-height: 1.75;\r\n }\r\n .share-bar {\r\n position: relative;\r\n margin-top: 24px; height: 8px;\r\n background: var(--cream); border-radius: 100px; overflow: hidden;\r\n }\r\n .share-bar__fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--primary), var(--primary-dark));\r\n border-radius: 100px;\r\n width: 0;\r\n transition: width 1.6s var(--ease);\r\n }\r\n .share-card.is-visible .share-bar__fill[data-fill=\"20\"] { width: 20%; }\r\n .share-card.is-visible .share-bar__fill[data-fill=\"30\"] { width: 30%; }\r\n\r\n \/* ============ TOTAL LOSS HIGHLIGHT ============ *\/\r\n .total-loss {\r\n background: linear-gradient(135deg, var(--cream) 0%, #FFFFFF 100%);\r\n padding: 80px 0;\r\n }\r\n .alert-card {\r\n background: white;\r\n border: 2px solid var(--primary);\r\n border-radius: var(--radius-lg);\r\n padding: 50px 60px;\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n gap: 40px;\r\n align-items: center;\r\n position: relative;\r\n box-shadow: 0 30px 60px -30px var(--primary-glow);\r\n }\r\n .alert-card__icon {\r\n width: 80px; height: 80px;\r\n background: var(--primary);\r\n border-radius: 50%;\r\n display: grid; place-items: center;\r\n font-size: 36px; color: white;\r\n box-shadow: 0 12px 30px var(--primary-glow);\r\n }\r\n .alert-card__content h3 { font-size: 24px; margin-bottom: 8px; }\r\n .alert-card__content p { color: var(--slate); font-size: 15px; line-height: 1.7; }\r\n .alert-card__value {\r\n font-family: 'Cairo', sans-serif;\r\n text-align: center;\r\n border-right: 1px solid var(--line);\r\n padding-right: 40px;\r\n }\r\n .alert-card__value .num {\r\n font-size: 56px; font-weight: 700;\r\n color: var(--primary); line-height: 1;\r\n }\r\n .alert-card__value .lbl {\r\n font-size: 13px; color: var(--slate);\r\n margin-top: 6px;\r\n }\r\n\r\n \/* ============ REPAIR LOCATIONS ============ *\/\r\n .repair-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; }\r\n .repair-partners { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n .partner-card {\r\n background: white;\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n padding: 30px 24px;\r\n text-align: center;\r\n transition: all 0.4s var(--ease);\r\n }\r\n .partner-card:hover { border-color: var(--primary); transform: translateY(-4px); }\r\n .partner-card__logo {\r\n width: 60px; height: 60px;\r\n margin: 0 auto 16px;\r\n background: var(--cream);\r\n border-radius: var(--radius-sm);\r\n display: grid; place-items: center;\r\n font-family: 'Cairo', sans-serif;\r\n font-weight: 700; font-size: 24px;\r\n color: var(--primary);\r\n }\r\n .partner-card__name {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 20px; font-weight: 600;\r\n color: var(--ink);\r\n margin-bottom: 4px;\r\n }\r\n .partner-card__type { font-size: 13px; color: var(--slate); }\r\n\r\n .warranty-badge {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n color: white;\r\n border-radius: var(--radius);\r\n padding: 40px 32px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .warranty-badge::before {\r\n content: \"\"; position: absolute; inset: -1px;\r\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.2), transparent 60%);\r\n border-radius: inherit;\r\n }\r\n .warranty-badge__icon { font-size: 48px; margin-bottom: 12px; position: relative; }\r\n .warranty-badge__num {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 56px; font-weight: 700;\r\n line-height: 1; position: relative;\r\n }\r\n .warranty-badge__txt {\r\n font-size: 16px; opacity: 0.95; margin-top: 8px; position: relative;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ============ PRICING CARDS ============ *\/\r\n .pricing { background: var(--cream); }\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .price-card {\r\n background: white;\r\n border-radius: var(--radius);\r\n padding: 36px 24px;\r\n border: 1px solid var(--line);\r\n position: relative;\r\n transition: all 0.5s var(--ease);\r\n overflow: hidden;\r\n }\r\n .price-card::after {\r\n content: \"\"; position: absolute;\r\n inset: 0; border-radius: inherit;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n opacity: 0;\r\n transition: opacity 0.5s;\r\n z-index: 0;\r\n }\r\n .price-card > * { position: relative; z-index: 1; transition: color 0.4s; }\r\n .price-card:hover { transform: translateY(-12px); box-shadow: var(--shadow-lift); }\r\n .price-card:hover::after { opacity: 1; }\r\n .price-card:hover * { color: white !important; }\r\n .price-card:hover .price-card__device { background: rgba(255,255,255,0.15); }\r\n .price-card:hover .price-card__amount { color: white; }\r\n .price-card:hover .price-card__amount .currency { color: rgba(255,255,255,0.8); }\r\n\r\n .price-card__device {\r\n display: inline-block;\r\n padding: 4px 12px;\r\n background: var(--cream);\r\n border-radius: 100px;\r\n font-size: 12px; font-weight: 600;\r\n color: var(--slate);\r\n margin-bottom: 20px;\r\n transition: background 0.4s;\r\n }\r\n .price-card__range {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 18px; font-weight: 600;\r\n color: var(--ink);\r\n margin-bottom: 12px;\r\n min-height: 50px;\r\n }\r\n .price-card__divider {\r\n width: 30px; height: 2px;\r\n background: var(--primary);\r\n margin: 16px 0;\r\n }\r\n .price-card__amount {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 44px; font-weight: 700;\r\n color: var(--primary);\r\n line-height: 1;\r\n }\r\n .price-card__amount .currency {\r\n font-size: 18px;\r\n color: var(--slate);\r\n margin-right: 6px;\r\n font-weight: 500;\r\n }\r\n .price-card__sub { color: var(--slate); font-size: 13px; margin-top: 8px; }\r\n\r\n \/* ============ SCREEN INSURANCE SPECIAL ============ *\/\r\n .screen-special {\r\n background: linear-gradient(135deg, var(--ink) 0%, #1f1f1f 100%);\r\n border-radius: var(--radius-lg);\r\n padding: 70px 60px;\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n margin-top: 40px;\r\n }\r\n .screen-special::before {\r\n content: \"\"; position: absolute;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(255,107,0,0.2), transparent 70%);\r\n border-radius: 50%;\r\n top: -150px; right: -100px;\r\n }\r\n .screen-special__inner {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n .screen-special__tag {\r\n display: inline-block;\r\n padding: 6px 14px;\r\n background: var(--primary);\r\n border-radius: 100px;\r\n font-size: 12px; font-weight: 700;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 20px;\r\n }\r\n .screen-special h3 { font-size: clamp(26px, 3vw, 36px); margin-bottom: 16px; color: white; }\r\n .screen-special p { color: rgba(255,255,255,0.7); font-size: 16px; line-height: 1.8; max-width: 480px; }\r\n .screen-special__price {\r\n text-align: center;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: var(--radius);\r\n padding: 32px 20px;\r\n backdrop-filter: blur(10px);\r\n }\r\n .screen-special__price .num {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 80px; font-weight: 700;\r\n background: linear-gradient(135deg, var(--primary-light), var(--gold));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n line-height: 1;\r\n }\r\n .screen-special__price .lbl { font-size: 16px; opacity: 0.7; margin-top: 8px; }\r\n\r\n \/* ============ TIMELINE ============ *\/\r\n .timeline-wrap { position: relative; padding: 20px 0; }\r\n .timeline-wrap::before {\r\n content: \"\"; position: absolute;\r\n right: 30px; top: 0; bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(180deg, var(--primary), var(--primary-light), transparent);\r\n }\r\n .timeline-step {\r\n position: relative;\r\n padding: 0 80px 50px 0;\r\n display: flex; align-items: flex-start;\r\n }\r\n .timeline-step:last-child { padding-bottom: 0; }\r\n .timeline-step__dot {\r\n position: absolute; right: 13px; top: 4px;\r\n width: 36px; height: 36px;\r\n background: white;\r\n border: 3px solid var(--primary);\r\n border-radius: 50%;\r\n display: grid; place-items: center;\r\n font-family: 'Cairo', sans-serif;\r\n font-weight: 700;\r\n color: var(--primary);\r\n box-shadow: 0 0 0 6px white, 0 0 0 8px var(--primary-glow);\r\n z-index: 2;\r\n }\r\n .timeline-step__body { flex: 1; }\r\n .timeline-step__title {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 22px; font-weight: 600;\r\n color: var(--ink);\r\n margin-bottom: 6px;\r\n }\r\n .timeline-step__desc { color: var(--slate); font-size: 16px; line-height: 1.75; }\r\n .timeline-highlight { color: var(--primary); font-weight: 600; }\r\n\r\n \/* ============ NOTES CHECKLIST ============ *\/\r\n .notes-section { background: var(--cream); }\r\n .notes-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px 32px;\r\n }\r\n .note-item {\r\n display: flex; align-items: flex-start; gap: 16px;\r\n padding: 20px 24px;\r\n background: white;\r\n border-radius: var(--radius-sm);\r\n border-right: 4px solid var(--primary);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n .note-item:hover { transform: translateX(-4px); box-shadow: var(--shadow-card); }\r\n .note-check {\r\n flex-shrink: 0;\r\n width: 28px; height: 28px;\r\n background: var(--primary);\r\n border-radius: 50%;\r\n display: grid; place-items: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n .note-text { color: var(--ink-soft); font-size: 15px; line-height: 1.7; }\r\n\r\n \/* ============ WHY CHOOSE ============ *\/\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n .why-card {\r\n text-align: right;\r\n padding: 32px 28px;\r\n border-radius: var(--radius);\r\n background: white;\r\n border: 1px solid var(--line);\r\n transition: all 0.5s var(--ease);\r\n }\r\n .why-card:hover {\r\n transform: translateY(-6px);\r\n border-color: var(--primary);\r\n box-shadow: var(--shadow-card);\r\n }\r\n .why-emoji { font-size: 40px; margin-bottom: 16px; display: block; }\r\n .why-card h4 { font-size: 18px; margin-bottom: 8px; color: var(--ink); }\r\n .why-card p { font-size: 14px; color: var(--slate); line-height: 1.7; }\r\n\r\n \/* ============ CTA SECTION ============ *\/\r\n .cta {\r\n background:\r\n radial-gradient(ellipse 80% 60% at 50% 50%, var(--primary-glow), transparent 60%),\r\n linear-gradient(180deg, white 0%, var(--cream) 100%);\r\n text-align: center;\r\n padding: 120px 0;\r\n }\r\n .cta h2 {\r\n font-size: clamp(34px, 4.5vw, 56px);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: var(--ink);\r\n max-width: 700px; margin-right: auto; margin-left: auto;\r\n }\r\n .cta h2 .accent { color: var(--primary); }\r\n .cta p {\r\n font-size: 18px; color: var(--slate);\r\n max-width: 580px; margin: 0 auto 40px;\r\n line-height: 1.7;\r\n }\r\n .cta-btn {\r\n display: inline-flex; align-items: center; gap: 14px;\r\n padding: 20px 44px;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n color: white;\r\n border-radius: 100px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 19px; font-weight: 600;\r\n box-shadow: 0 16px 40px -10px var(--primary-glow), 0 4px 12px rgba(255,107,0,0.2);\r\n transition: all 0.4s var(--ease);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .cta-btn::before {\r\n content: \"\"; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n opacity: 0; transition: opacity 0.4s;\r\n }\r\n .cta-btn span { position: relative; z-index: 1; }\r\n .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 50px -10px rgba(255,107,0,0.5); }\r\n .cta-btn:hover::before { opacity: 1; }\r\n .cta-btn .arrow {\r\n transition: transform 0.3s var(--ease);\r\n position: relative; z-index: 1;\r\n }\r\n .cta-btn:hover .arrow { transform: translateX(-6px); }\r\n\r\n .cta-note {\r\n margin-top: 24px;\r\n font-size: 14px; color: var(--mist);\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n footer {\r\n background: var(--ink);\r\n color: white;\r\n padding: 50px 0;\r\n text-align: center;\r\n }\r\n .footer-contact {\r\n display: inline-flex; align-items: center; gap: 14px;\r\n padding: 12px 24px;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 100px;\r\n margin-bottom: 20px;\r\n transition: all 0.3s;\r\n }\r\n .footer-contact:hover { background: var(--primary); border-color: var(--primary); }\r\n .footer-contact strong { font-family: 'Cairo', sans-serif; font-size: 18px; }\r\n footer p { font-size: 14px; opacity: 0.6; }\r\n\r\n \/* ============ RESPONSIVE ============ *\/\r\n @media (max-width: 960px) {\r\n .hero { padding: 80px 0 60px; min-height: auto; }\r\n .hero__inner { grid-template-columns: 1fr; gap: 40px; }\r\n .hero__visual { max-width: 320px; margin: 0 auto; }\r\n .hero__stats { gap: 24px; }\r\n section { padding: 70px 0; }\r\n .overview-grid, .pricing-grid, .why-grid { grid-template-columns: 1fr; gap: 16px; }\r\n .share-grid { grid-template-columns: 1fr; }\r\n .duration-wrap { padding: 50px 30px; }\r\n .duration-grid { grid-template-columns: 1fr; gap: 30px; text-align: center; }\r\n .duration-marker { justify-content: center; }\r\n .alert-card { grid-template-columns: 1fr; padding: 30px; text-align: center; gap: 20px; }\r\n .alert-card__value { border-right: none; border-top: 1px solid var(--line); padding-right: 0; padding-top: 20px; }\r\n .repair-grid { grid-template-columns: 1fr; }\r\n .screen-special { padding: 40px 24px; }\r\n .screen-special__inner { grid-template-columns: 1fr; gap: 30px; }\r\n .notes-grid { grid-template-columns: 1fr; }\r\n .timeline-step { padding-left: 0; padding-right: 60px; }\r\n .timeline-step__dot { right: 0; }\r\n .timeline-wrap::before { right: 17px; }\r\n .pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n }\r\n @media (max-width: 560px) {\r\n .pricing-grid { grid-template-columns: 1fr; }\r\n .alert-card { padding: 24px; }\r\n .container { padding: 0 20px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Scroll Progress -->\r\n<div class=\"scroll-progress\"><div class=\"scroll-progress__bar\" id=\"progressBar\"><\/div><\/div>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\">\r\n <div class=\"container hero__inner\">\r\n <div>\r\n <div class=\"hero__badge\">\r\n <span class=\"dot\"><\/span>\r\n <span>\u062a\u0623\u0645\u064a\u0646 \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0634\u0631\u0643\u0629 \u062a\u0623\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u0629<\/span>\r\n <\/div>\r\n\r\n <h1>\r\n <span class=\"word\" style=\"animation-delay: 0.1s;\">\u0634\u0631\u0648\u0637<\/span>\r\n <span class=\"word\" style=\"animation-delay: 0.25s;\">\u062a\u0623\u0645\u064a\u0646<\/span>\r\n <span class=\"word accent\" style=\"animation-delay: 0.4s;\">\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/span><br>\r\n <span class=\"word\" style=\"animation-delay: 0.55s;\">\u0636\u062f<\/span>\r\n <span class=\"word\" style=\"animation-delay: 0.7s;\">\u0633\u0648\u0621<\/span>\r\n <span class=\"word\" style=\"animation-delay: 0.85s;\">\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/span>\r\n <span class=\"word\" style=\"animation-delay: 1s;\">\u0648\u0627\u0644\u0643\u0633\u0631<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead\">\r\n \u0641\u064a \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u0646\u0648\u0641\u0631 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0636\u0627\u0641\u0629 \u062e\u062f\u0645\u0629 \u062a\u0623\u0645\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u0644\u0645\u062f\u0629 \u0633\u0646\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0648\u062b\u064a\u0642\u0629 \u062a\u0623\u0645\u064a\u0646 \u0635\u0627\u062f\u0631\u0629 \u0639\u0646 \u0634\u0631\u0643\u0629 \u062a\u0623\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u0629. \u0647\u062f\u0641\u0646\u0627 \u062a\u0648\u0641\u064a\u0631 \u062d\u0645\u0627\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u062c\u0647\u0627\u0632\u0643 \u0648\u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d.\r\n <\/p>\r\n\r\n <div class=\"hero__stats\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\" data-count=\"365\">365<\/div>\r\n <div class=\"stat__label\">\u064a\u0648\u0645 \u062d\u0645\u0627\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat__num\" data-count=\"6\">6<\/div>\r\n <div class=\"stat__label\">\u0634\u0647\u0648\u0631 \u0636\u0645\u0627\u0646 \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">100%<\/div>\r\n <div class=\"stat__label\">\u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__visual float-anim\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 460 460\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"phoneG\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#1A1A1A\"\/>\r\n <stop offset=\"100%\" stop-color=\"#2D2D2D\"\/>\r\n <\/linearGradient>\r\n <linearGradient id=\"shieldG\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#FF8C33\"\/>\r\n <stop offset=\"100%\" stop-color=\"#FF6B00\"\/>\r\n <\/linearGradient>\r\n <linearGradient id=\"screenG\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#FFB000\" stop-opacity=\"0.3\"\/>\r\n <stop offset=\"100%\" stop-color=\"#FF6B00\" stop-opacity=\"0.1\"\/>\r\n <\/linearGradient>\r\n <filter id=\"glow\"><feGaussianBlur stdDeviation=\"8\"\/><\/filter>\r\n <\/defs>\r\n\r\n <!-- Glow ring -->\r\n <circle cx=\"230\" cy=\"230\" r=\"170\" fill=\"none\" stroke=\"#FF6B00\" stroke-width=\"1\" stroke-dasharray=\"2 6\" opacity=\"0.4\">\r\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 230 230\" to=\"360 230 230\" dur=\"30s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <circle cx=\"230\" cy=\"230\" r=\"200\" fill=\"none\" stroke=\"#FFB000\" stroke-width=\"1\" stroke-dasharray=\"1 8\" opacity=\"0.3\">\r\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"360 230 230\" to=\"0 230 230\" dur=\"40s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n\r\n <!-- Phone body -->\r\n <rect x=\"155\" y=\"100\" width=\"150\" height=\"280\" rx=\"22\" fill=\"url(#phoneG)\" filter=\"drop-shadow(0 20px 40px rgba(0,0,0,0.2))\"\/>\r\n <rect x=\"165\" y=\"115\" width=\"130\" height=\"245\" rx=\"14\" fill=\"url(#screenG)\" stroke=\"#FF6B00\" stroke-width=\"0.5\" opacity=\"0.9\"\/>\r\n\r\n <!-- Camera island -->\r\n <circle cx=\"230\" cy=\"135\" r=\"3.5\" fill=\"#FFB000\" opacity=\"0.9\"\/>\r\n\r\n <!-- Screen content lines -->\r\n <rect x=\"180\" y=\"145\" width=\"100\" height=\"6\" rx=\"3\" fill=\"rgba(255,107,0,0.4)\"\/>\r\n <rect x=\"180\" y=\"160\" width=\"70\" height=\"4\" rx=\"2\" fill=\"rgba(255,107,0,0.25)\"\/>\r\n\r\n <!-- Lock icon on screen -->\r\n <g transform=\"translate(230, 230)\">\r\n <circle r=\"38\" fill=\"rgba(255,107,0,0.15)\"\/>\r\n <path d=\"M-15,-5 v-12 a15,15 0 0,1 30,0 v12\" fill=\"none\" stroke=\"#FF8C33\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n <rect x=\"-18\" y=\"-5\" width=\"36\" height=\"28\" rx=\"4\" fill=\"#FF6B00\"\/>\r\n <circle cx=\"0\" cy=\"7\" r=\"3\" fill=\"white\"\/>\r\n <rect x=\"-1.5\" y=\"9\" width=\"3\" height=\"8\" rx=\"1.5\" fill=\"white\"\/>\r\n <\/g>\r\n\r\n <!-- Bottom indicator -->\r\n <rect x=\"200\" y=\"340\" width=\"60\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.3)\"\/>\r\n\r\n <!-- Shield overlay -->\r\n <g transform=\"translate(310, 80)\" filter=\"drop-shadow(0 12px 24px rgba(255,107,0,0.4))\">\r\n <path d=\"M0,0 L60,0 L60,40 Q60,72 30,90 Q0,72 0,40 Z\" fill=\"url(#shieldG)\"\/>\r\n <path d=\"M18,40 L26,50 L42,28\" fill=\"none\" stroke=\"white\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/g>\r\n\r\n <!-- Floating particles -->\r\n <circle cx=\"100\" cy=\"140\" r=\"5\" fill=\"#FFB000\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" values=\"140;120;140\" dur=\"4s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <circle cx=\"380\" cy=\"320\" r=\"6\" fill=\"#FF6B00\" opacity=\"0.5\">\r\n <animate attributeName=\"cy\" values=\"320;340;320\" dur=\"5s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <circle cx=\"80\" cy=\"320\" r=\"4\" fill=\"#FF8C33\" opacity=\"0.7\">\r\n <animate attributeName=\"cy\" values=\"320;300;320\" dur=\"4.5s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ OVERVIEW ============ -->\r\n<section class=\"overview\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629<\/span>\r\n <h2 class=\"section-title\">\u0645\u0627 \u0647\u064a \u062e\u062f\u0645\u0629 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u061f<\/h2>\r\n <p class=\"section-sub\">\r\n \u062e\u062f\u0645\u0629 \u062d\u0645\u0627\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0645\u062f\u0629 \u0633\u0646\u0629 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631\u060c \u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u063a\u0637\u064a\u0629 \u062c\u0632\u0621 \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0641\u064a \u062d\u0627\u0644\u0629 \u062a\u0639\u0631\u0636 \u0627\u0644\u062c\u0647\u0627\u0632 \u0644\u062a\u0644\u0641 \u0645\u0634\u0645\u0648\u0644 \u0628\u0634\u0631\u0648\u0637 \u0627\u0644\u0648\u062b\u064a\u0642\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"overview-grid\">\r\n <div class=\"feature-card\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0633\u0646\u0629<\/h3>\r\n <p>\u062a\u063a\u0637\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u062f\u0629 \u0633\u0646\u0629 \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631\u060c \u0648\u0641\u0642 \u0634\u0631\u0648\u0637 \u0627\u0644\u0648\u062b\u064a\u0642\u0629.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"feature-icon\">\ud83d\udd27<\/div>\r\n <h3>\u0625\u0635\u0644\u0627\u062d \u0628\u0642\u0637\u0639 \u0623\u0635\u0644\u064a\u0629<\/h3>\r\n <p>\u0627\u0644\u0625\u0635\u0644\u0627\u062d \u064a\u062a\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0631\u0648\u0639 \u0634\u0631\u0643\u0629 \u0631\u0627\u064a\u0629 \u0648\u0634\u0631\u0643\u0629 \u0634\u0643\u0627\u0648\u064a\u060c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\r\n <h3>\u0636\u0645\u0627\u0646 6 \u0634\u0647\u0648\u0631<\/h3>\r\n <p>\u064a\u062d\u0635\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 6 \u0634\u0647\u0648\u0631 \u0643\u0627\u0645\u0644\u0629 \u0639\u0644\u0649 \u0642\u0637\u0639\u0629 \u0627\u0644\u063a\u064a\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0628\u062f\u0644\u0629 \u0628\u0639\u062f \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DURATION ============ -->\r\n<section class=\"duration\">\r\n <div class=\"container\">\r\n <div class=\"duration-wrap\" data-reveal>\r\n <div class=\"duration-grid\">\r\n <div>\r\n <div class=\"big-number\" data-count-to=\"1\">\u0661<\/div>\r\n <div class=\"big-number-label\">\u0633\u0646\u0629 \u0643\u0627\u0645\u0644\u0629<\/div>\r\n <\/div>\r\n <div class=\"duration-text\">\r\n <span class=\"duration-marker\">\u0645\u062f\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/span>\r\n <h2>\u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n <p>\r\n \u0645\u062f\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631\u060c \u0637\u0628\u0642\u064b\u0627 \u0644\u0634\u0631\u0648\u0637 \u0648\u0623\u062d\u0643\u0627\u0645 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0635\u0627\u062f\u0631\u0629 \u0639\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629. \u062a\u0628\u062f\u0623 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0641\u0648\u0631 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629\u060c \u0648\u062a\u064f\u0645\u0646\u062d \u0631\u0627\u062d\u0629 \u0628\u0627\u0644 \u0643\u0627\u0645\u0644\u0629 \u0644\u062c\u0647\u0627\u0632\u0643.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CUSTOMER SHARE ============ -->\r\n<section>\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u062d\u0645\u0644<\/span>\r\n <h2 class=\"section-title\">\u0642\u064a\u0645\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/h2>\r\n <p class=\"section-sub\">\r\n \u0641\u064a \u062d\u0627\u0644\u0629 \u062d\u062f\u0648\u062b \u062a\u0644\u0641 \u0623\u0648 \u0643\u0633\u0631 \u0645\u0634\u0645\u0648\u0644 \u0628\u0627\u0644\u062a\u0623\u0645\u064a\u0646\u060c \u064a\u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0642\u064a\u0645\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u0648\u062a\u062a\u062d\u0645\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0628\u0627\u0642\u064a. \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0646\u0633\u0628\u0629 \u0639\u0644\u0649 \u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632:\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"share-grid\">\r\n <div class=\"share-card\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"share-card__head\">\r\n <div class=\"share-card__pct\">20<span style=\"font-size:32px;\">%<\/span><\/div>\r\n <div class=\"share-card__pct-label\">\u0646\u0633\u0628\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644<\/div>\r\n <\/div>\r\n <div class=\"share-card__price-range\">\u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u062d\u062a\u0649 20,000 \u062c\u0646\u064a\u0647<\/div>\r\n <p class=\"share-card__desc\">\r\n \u064a\u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 20% \u0641\u0642\u0637 \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0642\u064a\u0645\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u0648\u062a\u062a\u062d\u0645\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0628\u0627\u0642\u064a \u0627\u0644\u0642\u064a\u0645\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u062c\u0647\u0627\u0632\u0643 \u0625\u0644\u0649 \u062d\u0627\u0644\u062a\u0647 \u0627\u0644\u0623\u0635\u0644\u064a\u0629.\r\n <\/p>\r\n <div class=\"share-bar\"><div class=\"share-bar__fill\" data-fill=\"20\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"share-card\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"share-card__head\">\r\n <div class=\"share-card__pct\">30<span style=\"font-size:32px;\">%<\/span><\/div>\r\n <div class=\"share-card__pct-label\">\u0646\u0633\u0628\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644<\/div>\r\n <\/div>\r\n <div class=\"share-card__price-range\">\u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0645\u0646 20,000 \u062d\u062a\u0649 50,000 \u062c\u0646\u064a\u0647<\/div>\r\n <p class=\"share-card__desc\">\r\n \u064a\u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 30% \u0645\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u060c \u0648\u062a\u062a\u062d\u0645\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0628\u0627\u0642\u064a. \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0623\u0639\u0644\u0649 \u0633\u0639\u0631\u064b\u0627 \u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0623\u0648\u0633\u0639.\r\n <\/p>\r\n <div class=\"share-bar\"><div class=\"share-bar__fill\" data-fill=\"30\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TOTAL LOSS ============ -->\r\n<section class=\"total-loss\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0627\u0644\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n <h2 class=\"section-title\">\u062d\u0627\u0644\u0629 \u0627\u0644\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0627\u0645\u0644 \u0623\u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/h2>\r\n <\/div>\r\n <div class=\"alert-card\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"alert-card__icon\">\u26a1<\/div>\r\n <div class=\"alert-card__content\">\r\n <h3>\u062a\u0639\u0648\u064a\u0636 \u0628\u0646\u0633\u0628\u0629 50% \u0645\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u062c\u0647\u0627\u0632<\/h3>\r\n <p>\r\n \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u062c\u0647\u0627\u0632\u060c \u0623\u0648 \u0625\u0630\u0627 \u062a\u062c\u0627\u0648\u0632\u062a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d <strong>60%<\/strong> \u0645\u0646 \u0633\u0639\u0631 \u0634\u0631\u0627\u0621 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u064a\u062a\u0645 \u0645\u0646\u062d \u0627\u0644\u0639\u0645\u064a\u0644 \u062a\u0639\u0648\u064a\u0636\u064b\u0627 \u0628\u0642\u064a\u0645\u0629 <strong>50%<\/strong> \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u0648\u0641\u0642\u064b\u0627 \u0644\u0634\u0631\u0648\u0637 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646.\r\n <\/p>\r\n <\/div>\r\n <div class=\"alert-card__value\">\r\n <div class=\"num\">50%<\/div>\r\n <div class=\"lbl\">\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u0639\u0648\u064a\u0636<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ REPAIR LOCATIONS ============ -->\r\n<section>\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/span>\r\n <h2 class=\"section-title\">\u0623\u064a\u0646 \u064a\u062a\u0645 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062c\u0647\u0627\u0632\u061f<\/h2>\r\n <p class=\"section-sub\">\r\n \u064a\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0646 \u062e\u0644\u0627\u0644 \u0634\u0631\u0643\u0627\u0621 \u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0641\u0642\u0637\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0631\u0633\u0645\u064a \u0639\u0644\u0649 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0633\u062a\u0628\u062f\u0644\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"repair-grid\">\r\n <div class=\"repair-partners\">\r\n <div class=\"partner-card\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"partner-card__logo\">\u0631<\/div>\r\n <div class=\"partner-card__name\">\u0634\u0631\u0643\u0629 \u0631\u0627\u064a\u0629<\/div>\r\n <div class=\"partner-card__type\">\u0641\u0631\u0648\u0639 \u0645\u0639\u062a\u0645\u062f\u0629<\/div>\r\n <\/div>\r\n <div class=\"partner-card\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"partner-card__logo\">\u0634<\/div>\r\n <div class=\"partner-card__name\">\u0634\u0631\u0643\u0629 \u0634\u0643\u0627\u0648\u064a<\/div>\r\n <div class=\"partner-card__type\">\u0641\u0631\u0648\u0639 \u0645\u0639\u062a\u0645\u062f\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"warranty-badge\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"warranty-badge__icon\">\u2713<\/div>\r\n <div class=\"warranty-badge__num\">6<\/div>\r\n <div class=\"warranty-badge__txt\">\u0634\u0647\u0648\u0631 \u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u0642\u0637\u0639\u0629 \u0627\u0644\u063a\u064a\u0627\u0631<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PRICING ============ -->\r\n<section class=\"pricing\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629<\/span>\r\n <h2 class=\"section-title\">\u0642\u064a\u0645\u0629 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u062d\u0633\u0628 \u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632<\/h2>\r\n <p class=\"section-sub\">\r\n \u062a\u062e\u062a\u0644\u0641 \u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u062d\u0633\u0628 \u0633\u0639\u0631 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644. \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u062f\u0629 \u0633\u0646\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n <div class=\"price-card\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"price-card__device\">\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629<\/div>\r\n <div class=\"price-card__range\">\u062d\u062a\u0649 10,000 \u062c\u0646\u064a\u0647<\/div>\r\n <div class=\"price-card__divider\"><\/div>\r\n <div class=\"price-card__amount\"><span class=\"currency\">\u062c.\u0645<\/span>400<\/div>\r\n <div class=\"price-card__sub\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"price-card\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"price-card__device\">\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629<\/div>\r\n <div class=\"price-card__range\">\u0645\u0646 10,000 \u0625\u0644\u0649 20,000 \u062c\u0646\u064a\u0647<\/div>\r\n <div class=\"price-card__divider\"><\/div>\r\n <div class=\"price-card__amount\"><span class=\"currency\">\u062c.\u0645<\/span>550<\/div>\r\n <div class=\"price-card__sub\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"price-card\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"price-card__device\">\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629<\/div>\r\n <div class=\"price-card__range\">\u0645\u0646 20,000 \u0625\u0644\u0649 30,000 \u062c\u0646\u064a\u0647<\/div>\r\n <div class=\"price-card__divider\"><\/div>\r\n <div class=\"price-card__amount\"><span class=\"currency\">\u062c.\u0645<\/span>700<\/div>\r\n <div class=\"price-card__sub\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"price-card\" data-reveal data-reveal-delay=\"4\">\r\n <div class=\"price-card__device\">\u0641\u0626\u0629 \u0627\u0644\u0641\u0644\u0627\u062c\u0634\u064a\u0628<\/div>\r\n <div class=\"price-card__range\">\u0645\u0646 30,000 \u0625\u0644\u0649 40,000 \u062c\u0646\u064a\u0647<\/div>\r\n <div class=\"price-card__divider\"><\/div>\r\n <div class=\"price-card__amount\"><span class=\"currency\">\u062c.\u0645<\/span>800<\/div>\r\n <div class=\"price-card__sub\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Screen Only Insurance -->\r\n <div class=\"screen-special\" data-reveal>\r\n <div class=\"screen-special__inner\">\r\n <div>\r\n <span class=\"screen-special__tag\">\u0639\u0631\u0636 \u062e\u0627\u0635<\/span>\r\n <h3>\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0641\u0642\u0637<\/h3>\r\n <p>\r\n \u0645\u062a\u0627\u062d \u062e\u064a\u0627\u0631 \u0625\u0636\u0627\u0641\u064a \u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0641\u0642\u0637 \u0628\u0642\u064a\u0645\u0629 <strong style=\"color:#FFB000;\">300 \u062c\u0646\u064a\u0647<\/strong>\u060c \u0628\u0634\u0631\u0637 \u0623\u0644\u0627 \u062a\u062a\u062c\u0627\u0648\u0632 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u0627\u0634\u0629 <strong style=\"color:#FFB000;\">4,000 \u062c\u0646\u064a\u0647<\/strong>. \u062e\u064a\u0627\u0631 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0645\u0646 \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0631\u0643\u0632\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0641\u0642\u0637.\r\n <\/p>\r\n <\/div>\r\n <div class=\"screen-special__price\">\r\n <div class=\"num\">300<\/div>\r\n <div class=\"lbl\">\u062c\u0646\u064a\u0647 \u0645\u0635\u0631\u064a \u0641\u0642\u0637<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TIMELINE ============ -->\r\n<section>\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0643\u064a\u0641 \u062a\u0633\u062a\u0644\u0645 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/span>\r\n <h2 class=\"section-title\">\u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/h2>\r\n <p class=\"section-sub\">\r\n \u0641\u064a \u062d\u0627\u0644\u0629 \u0625\u0636\u0627\u0641\u0629 \u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u060c \u062a\u0635\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0631\u0633\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u062e\u0644\u0627\u0644 <strong style=\"color:var(--primary);\">24 \u0633\u0627\u0639\u0629 \u0639\u0645\u0644<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-wrap\">\r\n <div class=\"timeline-step\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"timeline-step__dot\">1<\/div>\r\n <div class=\"timeline-step__body\">\r\n <div class=\"timeline-step__title\">\u0623\u0636\u0641 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0639\u0646\u062f \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\r\n <div class=\"timeline-step__desc\">\r\n \u0627\u062e\u062a\u0631 \u0625\u0636\u0627\u0641\u0629 \u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0645\u0646 <span class=\"timeline-highlight\">\u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/span> \u0623\u0648 \u0623\u062b\u0646\u0627\u0621 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0627\u0644\u062f\u0641\u0639.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-step\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"timeline-step__dot\">2<\/div>\r\n <div class=\"timeline-step__body\">\r\n <div class=\"timeline-step__title\">\u0623\u0643\u0645\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\r\n <div class=\"timeline-step__desc\">\r\n \u062a\u0638\u0647\u0631 \u0642\u064a\u0645\u0629 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0628\u0648\u0636\u0648\u062d \u0636\u0645\u0646 \u0645\u0644\u062e\u0635 \u0627\u0644\u0637\u0644\u0628 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062f\u0641\u0639\u060c \u062d\u0633\u0628 \u0641\u0626\u0629 \u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-step\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"timeline-step__dot\">3<\/div>\r\n <div class=\"timeline-step__body\">\r\n <div class=\"timeline-step__title\">\u0627\u0633\u062a\u0644\u0645 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/div>\r\n <div class=\"timeline-step__desc\">\r\n \u062a\u0635\u0644\u0643 \u0631\u0633\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u062e\u0644\u0627\u0644 <span class=\"timeline-highlight\">24 \u0633\u0627\u0639\u0629 \u0639\u0645\u0644<\/span>. \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621: <span class=\"timeline-highlight\">16421<\/span>.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ IMPORTANT NOTES ============ -->\r\n<section class=\"notes-section\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0647\u0645\u0629<\/span>\r\n <h2 class=\"section-title\">\u0642\u0628\u0644 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/h2>\r\n <p class=\"section-sub\">\u0646\u0642\u0627\u0637 \u0631\u0626\u064a\u0633\u064a\u0629 \u064a\u062c\u0628 \u0645\u0639\u0631\u0641\u062a\u0647\u0627 \u0642\u0628\u0644 \u062a\u0641\u0639\u064a\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643.<\/p>\r\n <\/div>\r\n\r\n <div class=\"notes-grid\">\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 <strong>\u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0629<\/strong> \u0648\u0644\u064a\u0633\u062a \u0625\u062c\u0628\u0627\u0631\u064a\u0629.<\/div>\r\n <\/div>\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"1\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u062a\u062e\u062a\u0644\u0641 \u062d\u0633\u0628 <strong>\u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632<\/strong>.<\/div>\r\n <\/div>\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u062a\u062a\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0634\u0631\u0648\u0637 \u0648\u0623\u062d\u0643\u0627\u0645 <strong>\u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/strong>.<\/div>\r\n <\/div>\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"2\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u064a\u062c\u0628 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0640 <strong>\u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0634\u0631\u0627\u0621<\/strong> \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646.<\/div>\r\n <\/div>\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u062a\u0635\u0644 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u062e\u0644\u0627\u0644 <strong>24 \u0633\u0627\u0639\u0629 \u0639\u0645\u0644<\/strong> \u0628\u0639\u062f \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629.<\/div>\r\n <\/div>\r\n <div class=\"note-item\" data-reveal data-reveal-delay=\"3\">\r\n <div class=\"note-check\">\u2713<\/div>\r\n <div class=\"note-text\">\u0627\u0644\u0625\u0635\u0644\u0627\u062d \u064a\u062a\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 <strong>\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/strong> \u0627\u0644\u0645\u0648\u0636\u062d\u0629 \u0641\u064a \u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0623\u0645\u064a\u0646.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ WHY CHOOSE ============ -->\r\n<section>\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/span>\r\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0636\u064a\u0641 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0646 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644\u061f<\/h2>\r\n <p class=\"section-sub\">\r\n \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0623\u0635\u0628\u062d \u0645\u0646 \u0623\u0647\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u0648\u062a\u0643\u0644\u0641\u0629 \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0645\u0631\u062a\u0641\u0639\u0629. \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u064a\u0645\u0646\u062d\u0643 \u0631\u0627\u062d\u0629 \u0628\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"1\">\r\n <span class=\"why-emoji\">\ud83d\udc8e<\/span>\r\n <h4>\u0642\u064a\u0645\u0629 \u0641\u0639\u0644\u064a\u0629 \u0645\u062d\u0633\u0648\u0628\u0629<\/h4>\r\n <p>\u0642\u064a\u0645\u0629 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0645\u0639\u0631\u0648\u0641\u0629 \u0628\u0648\u0636\u0648\u062d \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\u060c \u062d\u0633\u0628 \u0633\u0639\u0631 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u0628\u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u0645\u062e\u0641\u064a\u0629.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"2\">\r\n <span class=\"why-emoji\">\ud83c\udfea<\/span>\r\n <h4>\u0634\u0628\u0643\u0629 \u0625\u0635\u0644\u0627\u062d \u0645\u0639\u062a\u0645\u062f\u0629<\/h4>\r\n <p>\u0641\u0631\u0648\u0639 \u0631\u0627\u064a\u0629 \u0648\u0634\u0643\u0627\u0648\u064a \u0628\u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 6 \u0634\u0647\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u0637\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0628\u062f\u0644\u0629.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"3\">\r\n <span class=\"why-emoji\">\u26a1<\/span>\r\n <h4>\u0625\u0636\u0627\u0641\u0629 \u0633\u0631\u064a\u0639\u0629<\/h4>\r\n <p>\u062a\u0636\u064a\u0641 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0628\u0643\u0628\u0633\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0623\u0648 \u0627\u0644\u0640 Checkout \u0628\u062f\u0648\u0646 \u0623\u064a \u062a\u0639\u0642\u064a\u062f.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"1\">\r\n <span class=\"why-emoji\">\ud83d\udcc3<\/span>\r\n <h4>\u0648\u062b\u064a\u0642\u0629 \u0631\u0633\u0645\u064a\u0629<\/h4>\r\n <p>\u0648\u062b\u064a\u0642\u0629 \u062a\u0623\u0645\u064a\u0646 \u0631\u0633\u0645\u064a\u0629 \u0635\u0627\u062f\u0631\u0629 \u0639\u0646 \u0634\u0631\u0643\u0629 \u062a\u0623\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u062a\u0635\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0639\u0645\u0644.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"2\">\r\n <span class=\"why-emoji\">\ud83d\udee1\ufe0f<\/span>\r\n <h4>\u062d\u0645\u0627\u064a\u0629 \u0645\u0646 \u0623\u0648\u0644 \u064a\u0648\u0645<\/h4>\r\n <p>\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u062a\u0628\u062f\u0623 \u0641\u0648\u0631 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629\u060c \u0641\u062c\u0647\u0627\u0632\u0643 \u0645\u062d\u0645\u064a \u0645\u0646 \u0627\u0644\u0644\u062d\u0638\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal data-reveal-delay=\"3\">\r\n <span class=\"why-emoji\">\ud83d\udcde<\/span>\r\n <h4>\u062f\u0639\u0645 \u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0627\u062d<\/h4>\r\n <p>\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0627\u062d\u0629 \u0639\u0644\u0649 <strong style=\"color:var(--primary);\">16421<\/strong> \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CTA ============ -->\r\n<section class=\"cta\">\r\n <div class=\"container\">\r\n <h2 data-reveal>\u0627\u062d\u0645\u0650 \u0645\u0648\u0628\u0627\u064a\u0644\u0643 <span class=\"accent\">\u0645\u0646 \u0623\u0648\u0644 \u064a\u0648\u0645<\/span><\/h2>\r\n <p data-reveal data-reveal-delay=\"1\">\r\n \u0639\u0646\u062f \u0634\u0631\u0627\u0621 \u0645\u0648\u0628\u0627\u064a\u0644 \u062c\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644\u060c \u0623\u0636\u0641 \u062a\u0623\u0645\u064a\u0646 \u0633\u0646\u0629 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u0642\u0628\u0644 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628\u060c \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u062d\u0645\u0627\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0648\u0631\u0627\u062d\u0629 \u0628\u0627\u0644 \u0623\u0643\u0628\u0631.\r\n <\/p>\r\n <a href=\"https:\/\/elavocatomobile.net\/ar\/product-category\/smart-phones\/\" class=\"cta-btn\" data-reveal data-reveal-delay=\"2\">\r\n <span>\u062a\u0633\u0648\u0642 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0627\u0644\u0622\u0646<\/span>\r\n <svg class=\"arrow\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <div class=\"cta-note\" data-reveal data-reveal-delay=\"3\">\u062e\u062f\u0645\u0629 \u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0629 \u00b7 \u0642\u064a\u0645\u0629 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0645\u0639\u0631\u0648\u0636\u0629 \u0628\u0648\u0636\u0648\u062d \u0642\u0628\u0644 \u0627\u0644\u062f\u0641\u0639<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\r\n<footer>\r\n <div class=\"container\">\r\n <a href=\"tel:16421\" class=\"footer-contact\">\r\n <span>\ud83d\udcde<\/span>\r\n <span>\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621: <strong>16421<\/strong><\/span>\r\n <\/a>\r\n <p>\u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 \u00b7 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ ========== Scroll Progress Bar ==========\r\n const progressBar = document.getElementById('progressBar');\r\n function updateProgress() {\r\n const winScroll = document.documentElement.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n progressBar.style.width = ((winScroll \/ height) * 100) + '%';\r\n }\r\n window.addEventListener('scroll', updateProgress, { passive: true });\r\n\r\n \/\/ ========== Reveal on Scroll ==========\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n\r\n document.querySelectorAll('[data-reveal]').forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ Reveal share cards bars\r\n const shareObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n shareObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n document.querySelectorAll('.share-card').forEach(el => shareObserver.observe(el));\r\n\r\n \/\/ ========== Counter Animation ==========\r\n const countObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n const target = parseInt(el.dataset.count, 10);\r\n let current = 0;\r\n const duration = 1600;\r\n const steps = 60;\r\n const increment = target \/ steps;\r\n const stepTime = duration \/ steps;\r\n\r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n current = target;\r\n clearInterval(timer);\r\n }\r\n el.textContent = Math.floor(current);\r\n }, stepTime);\r\n\r\n countObserver.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelectorAll('[data-count]').forEach(el => countObserver.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>\u0634\u0631\u0648\u0637 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u2014 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 \u062a\u0623\u0645\u064a\u0646 \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0634\u0631\u0643\u0629 \u062a\u0623\u0645\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u0629 \u0634\u0631\u0648\u0637 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0636\u062f \u0633\u0648\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0643\u0633\u0631 \u0641\u064a \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u0646\u0648\u0641\u0631 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0636\u0627\u0641\u0629<\/p>\n","protected":false},"author":1,"featured_media":20206,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20191","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages\/20191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/comments?post=20191"}],"version-history":[{"count":14,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages\/20191\/revisions"}],"predecessor-version":[{"id":20210,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages\/20191\/revisions\/20210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/media\/20206"}],"wp:attachment":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/media?parent=20191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}