{"id":9185,"date":"2025-12-09T13:32:39","date_gmt":"2025-12-09T09:32:39","guid":{"rendered":"https:\/\/via-tonic.com\/?page_id=9185"},"modified":"2026-04-21T17:04:17","modified_gmt":"2026-04-21T13:04:17","slug":"new-pure-collagen-landing-page-large","status":"publish","type":"page","link":"https:\/\/via-tonic.com\/ar\/new-pure-collagen-landing-page-large\/","title":{"rendered":"New Pure Collagen Landing Page Large"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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 \u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ | \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643 - \u062a\u0631\u0643\u064a\u0628\u0629 \u0627\u0644\u0634\u0628\u0627\u0628 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/title>\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=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-blue: #886ca9;\r\n --accent-gold: #D4A574;\r\n --soft-mint: #E8F4F1;\r\n --warm-beige: #F9F6F1;\r\n --coral-pink: #F4B5A7;\r\n --deep-navy: #5A4A6B;\r\n --sage-green: #9CAF88;\r\n --pearl-white: #FEFCFA;\r\n --steel-gray: #4A5568;\r\n \r\n --font-display: 'Amiri', serif;\r\n --font-body: 'IBM Plex Sans Arabic', sans-serif;\r\n \r\n --shadow-soft: 0 10px 40px rgba(136, 108, 169, 0.08);\r\n --shadow-medium: 0 20px 50px rgba(136, 108, 169, 0.12);\r\n --shadow-strong: 0 30px 80px rgba(136, 108, 169, 0.15);\r\n --gradient-hero: linear-gradient(135deg, var(--pearl-white) 0%, var(--soft-mint) 100%);\r\n --gradient-accent: linear-gradient(45deg, var(--accent-gold) 0%, var(--coral-pink) 100%);\r\n --gradient-science: linear-gradient(45deg, var(--primary-blue) 0%, var(--deep-navy) 100%);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n line-height: 1.6;\r\n color: var(--steel-gray);\r\n overflow-x: hidden;\r\n direction: rtl;\r\n background: var(--pearl-white);\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n \r\n .e-con-inner{\r\n max-width: unset !important;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(254, 252, 250, 0.95);\r\n backdrop-filter: blur(20px);\r\n z-index: 1000;\r\n transition: all 0.3s ease;\r\n border-bottom: 1px solid rgba(212, 165, 116, 0.1);\r\n }\r\n\r\n .nav {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.5rem 2rem;\r\n }\r\n\r\n .logo {\r\n font-family: var(--font-display);\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n text-decoration: none;\r\n }\r\n\r\n .nav-actions {\r\n display: flex;\r\n gap: 1rem;\r\n align-items: center;\r\n }\r\n\r\n .btn-cta {\r\n background: var(--gradient-accent);\r\n color: white;\r\n padding: 0.8rem 2rem;\r\n border: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-soft);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btn-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-medium);\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: var(--gradient-hero);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding-top: 5rem;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -20%;\r\n width: 140%;\r\n height: 100%;\r\n background: radial-gradient(ellipse, rgba(212, 165, 116, 0.1) 0%, transparent 70%);\r\n animation: float 30s ease-in-out infinite;\r\n opacity: 0.6;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0) scale(1); }\r\n 50% { transform: translateY(-30px) scale(1.05); }\r\n }\r\n\r\n .hero-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-text {\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .product-badge {\r\n background: var(--gradient-science);\r\n color: white;\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n display: inline-block;\r\n margin-bottom: 2rem;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .hero-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(3rem, 6vw, 5.5rem);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: var(--primary-blue);\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.4rem;\r\n color: var(--steel-gray);\r\n margin-bottom: 1.5rem;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n }\r\n\r\n .problem-statement {\r\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(136, 108, 169, 0.08) 100%);\r\n border-right: 4px solid var(--coral-pink);\r\n border-radius: 20px;\r\n padding: 1.5rem 2rem 1.5rem 2rem;\r\n padding-top: 2rem;\r\n margin: 1.5rem 0 1.5rem;\r\n position: relative;\r\n animation: fadeInUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n .problem-statement::before {\r\n content: '';\r\n position: absolute;\r\n top: -18px;\r\n right: 30px;\r\n width: 56px;\r\n height: 56px;\r\n background: var(--gradient-accent);\r\n border-radius: 50%;\r\n box-shadow: 0 8px 25px rgba(212, 165, 116, 0.4), inset 0 2px 10px rgba(255, 255, 255, 0.3);\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n animation: floatBadge 3s ease-in-out infinite;\r\n }\r\n\r\n .problem-statement::after {\r\n content: '\ud83d\udcab';\r\n position: absolute;\r\n top: -5px;\r\n right: 43px;\r\n font-size: 1.8rem;\r\n z-index: 2;\r\n animation: sparkle 2.5s ease-in-out infinite;\r\n filter: drop-shadow(0 2px 4px rgba(212, 165, 116, 0.5));\r\n }\r\n\r\n @keyframes sparkle {\r\n 0%, 100% { \r\n transform: scale(1) rotate(0deg);\r\n opacity: 1;\r\n }\r\n 25% { \r\n transform: scale(1.15) rotate(90deg);\r\n opacity: 0.9;\r\n }\r\n 50% { \r\n transform: scale(1.3) rotate(180deg);\r\n opacity: 0.85;\r\n }\r\n 75% { \r\n transform: scale(1.15) rotate(270deg);\r\n opacity: 0.9;\r\n }\r\n }\r\n\r\n .problem-statement h3 {\r\n font-size: 1.3rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 1rem;\r\n font-weight: 700;\r\n line-height: 1.5;\r\n padding-right: 0;\r\n position: relative;\r\n z-index: 0;\r\n }\r\n\r\n .problem-statement p {\r\n font-size: 1.1rem;\r\n color: var(--steel-gray);\r\n line-height: 1.8;\r\n margin: 0.8rem 0;\r\n font-weight: 600;\r\n }\r\n\r\n .problem-statement .highlight {\r\n color: var(--coral-pink);\r\n font-weight: 600;\r\n }\r\n\r\n .benefits-preview {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .benefit-tag {\r\n background: var(--soft-mint);\r\n color: var(--primary-blue);\r\n padding: 0.5rem 1rem;\r\n border-radius: 25px;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n border: 1px solid rgba(156, 175, 136, 0.3);\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gradient-accent);\r\n color: white;\r\n padding: 1.2rem 3rem;\r\n border: none;\r\n border-radius: 60px;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: var(--shadow-medium);\r\n text-decoration: none;\r\n display: inline-block;\r\n text-align: center;\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--primary-blue);\r\n padding: 1.2rem 3rem;\r\n border: 2px solid var(--primary-blue);\r\n border-radius: 60px;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n text-align: center;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-strong);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--primary-blue);\r\n color: white;\r\n transform: translateY(-3px);\r\n }\r\n\r\n .trust-indicators {\r\n display: flex;\r\n gap: 2rem;\r\n opacity: 0.7;\r\n }\r\n\r\n .trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n animation: fadeInLeft 1s ease-out 0.3s both;\r\n }\r\n\r\n .product-showcase {\r\n position: relative;\r\n perspective: 1000px;\r\n }\r\n\r\n .product-image {\r\n width: 100%;\r\n max-width: 450px;\r\n height: 550px;\r\n background: var(--gradient-science);\r\n border-radius: 30px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-strong);\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: rotateY(-15deg) rotateX(5deg);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .product-image img {\r\n position: absolute;\r\n width: 90%;\r\n height: 90%;\r\n object-fit: contain;\r\n border-radius: 20px;\r\n background: white;\r\n padding: 1rem;\r\n opacity: 0;\r\n animation: carouselFade 18s ease-in-out infinite;\r\n }\r\n\r\n .product-image img:nth-child(1) {\r\n animation-delay: 0s;\r\n }\r\n\r\n .product-image img:nth-child(2) {\r\n animation-delay: 3s;\r\n }\r\n\r\n .product-image img:nth-child(3) {\r\n animation-delay: 6s;\r\n }\r\n\r\n .product-image img:nth-child(4) {\r\n animation-delay: 9s;\r\n }\r\n\r\n .product-image img:nth-child(5) {\r\n animation-delay: 12s;\r\n }\r\n\r\n .product-image img:nth-child(6) {\r\n animation-delay: 15s;\r\n }\r\n\r\n @keyframes carouselFade {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.98);\r\n }\r\n 2.78% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 15.28% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 18.06% {\r\n opacity: 0;\r\n transform: scale(0.98);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0.98);\r\n }\r\n }\r\n\r\n .product-image:hover {\r\n transform: rotateY(-10deg) rotateX(2deg) scale(1.02);\r\n }\r\n\r\n .product-image:hover img {\r\n animation-play-state: paused;\r\n }\r\n\r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .science-badge {\r\n position: absolute;\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: 20px;\r\n box-shadow: var(--shadow-medium);\r\n animation: floatBadge 6s ease-in-out infinite;\r\n text-align: center;\r\n }\r\n\r\n .badge-1 {\r\n top: 10%;\r\n left: -5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .badge-2 {\r\n bottom: 15%;\r\n right: -10%;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes floatBadge {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-10px) rotate(1deg); }\r\n }\r\n\r\n .science-badge h4 {\r\n font-family: var(--font-display);\r\n font-size: 1.1rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .science-badge p {\r\n font-size: 0.8rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Scroll Hint for Better Offers *\/\r\n .offers-hint {\r\n position: absolute;\r\n bottom: 3rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n animation: fadeInUp 1s ease-out 2s both, bounceHint 2s ease-in-out infinite 3s;\r\n text-align: center;\r\n text-decoration: none;\r\n }\r\n\r\n .offers-hint-card {\r\n background: white;\r\n padding: 1rem 1.5rem;\r\n border-radius: 50px;\r\n box-shadow: var(--shadow-strong);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid var(--accent-gold);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .offers-hint-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.2), transparent);\r\n animation: shineHint 3s infinite;\r\n }\r\n\r\n @keyframes shineHint {\r\n 0% { left: -100%; }\r\n 50%, 100% { left: 100%; }\r\n }\r\n\r\n .offers-hint-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 25px 60px rgba(136, 108, 169, 0.2);\r\n }\r\n\r\n .offers-hint-icon {\r\n background: var(--gradient-accent);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n animation: pulseIcon 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseIcon {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.1); }\r\n }\r\n\r\n .offers-hint-text {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .offers-hint-text strong {\r\n font-family: var(--font-display);\r\n font-size: 0.95rem;\r\n color: var(--primary-blue);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n }\r\n\r\n .offers-hint-text span {\r\n font-size: 0.8rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n .offers-hint-arrow {\r\n color: var(--accent-gold);\r\n font-size: 1.2rem;\r\n animation: bounceArrow 1.5s ease-in-out infinite;\r\n flex-shrink: 0;\r\n }\r\n\r\n @keyframes bounceArrow {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(8px); }\r\n }\r\n\r\n @keyframes bounceHint {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(-10px); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .offers-hint {\r\n bottom: 2rem;\r\n left: 50%;\r\n right: auto;\r\n transform: translateX(-50%);\r\n width: calc(100% - 2rem);\r\n max-width: 350px;\r\n }\r\n\r\n .offers-hint-card {\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 0.9rem 1.2rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .offers-hint-text {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .offers-hint-text strong {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .offers-hint-text span {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .offers-hint-icon {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n \/* Benefits Section *\/\r\n .benefits {\r\n padding: 3rem 0;\r\n background: white;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .section-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2rem, 3.5vw, 3rem);\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n line-height: 1.8;\r\n }\r\n\r\n .benefits-list {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1rem;\r\n padding: 0 2rem;\r\n }\r\n\r\n .benefit-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1.2rem;\r\n padding: 1.2rem;\r\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, rgba(136, 108, 169, 0.05) 100%);\r\n border-radius: 18px;\r\n border-right: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n animation: fadeInUp 0.6s ease-out;\r\n position: relative;\r\n }\r\n\r\n .benefit-point:nth-child(1) { animation-delay: 0.05s; }\r\n .benefit-point:nth-child(2) { animation-delay: 0.1s; }\r\n .benefit-point:nth-child(3) { animation-delay: 0.15s; }\r\n .benefit-point:nth-child(4) { animation-delay: 0.2s; }\r\n .benefit-point:nth-child(5) { animation-delay: 0.25s; }\r\n .benefit-point:nth-child(6) { animation-delay: 0.3s; }\r\n\r\n .benefit-point:hover {\r\n transform: translateX(-5px);\r\n border-right-color: var(--coral-pink);\r\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.1) 0%, rgba(136, 108, 169, 0.1) 100%);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .benefit-icon {\r\n flex-shrink: 0;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--gradient-accent);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n color: white;\r\n box-shadow: 0 4px 10px rgba(136, 108, 169, 0.2);\r\n }\r\n\r\n .benefit-content {\r\n flex: 1;\r\n }\r\n\r\n .benefit-title {\r\n font-family: var(--font-display);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n line-height: 1.4;\r\n }\r\n\r\n .benefit-description {\r\n font-size: 0.95rem;\r\n color: var(--steel-gray);\r\n line-height: 1.6;\r\n opacity: 0.85;\r\n }\r\n\r\n \/* Scientific Proof Section *\/\r\n .science-proof {\r\n padding: 4rem 0;\r\n background: var(--gradient-hero);\r\n position: relative;\r\n display: none; \/* Hidden for now *\/\r\n }\r\n\r\n \/* CTA Section - Hidden *\/\r\n .cta-section {\r\n display: none; \/* Hidden for now *\/\r\n }\r\n\r\n .proof-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n }\r\n\r\n .proof-stats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .stat-card {\r\n background: white;\r\n padding: 2.5rem 2rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: var(--shadow-soft);\r\n transition: transform 0.3s ease;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .stat-card:nth-child(2) { animation-delay: 0.1s; }\r\n .stat-card:nth-child(3) { animation-delay: 0.2s; }\r\n .stat-card:nth-child(4) { animation-delay: 0.3s; }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .stat-number {\r\n font-family: var(--font-display);\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: var(--accent-gold);\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n animation: numberPulse 2s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes numberPulse {\r\n from { transform: scale(1); }\r\n to { transform: scale(1.05); }\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n font-weight: 500;\r\n }\r\n\r\n .proof-text {\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .proof-text h2 {\r\n font-family: var(--font-display);\r\n font-size: 2.5rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 2rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .proof-text p {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n margin-bottom: 1.5rem;\r\n color: var(--steel-gray);\r\n }\r\n\r\n \/* Ingredients Section *\/\r\n .ingredients {\r\n padding: 2rem 0;\r\n background: white;\r\n }\r\n\r\n .ingredients-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .ingredient-card {\r\n background: var(--soft-mint);\r\n padding: 2rem 1.5rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .ingredient-card:nth-child(2) { animation-delay: 0.1s; }\r\n .ingredient-card:nth-child(3) { animation-delay: 0.2s; }\r\n .ingredient-card:nth-child(4) { animation-delay: 0.3s; }\r\n\r\n .ingredient-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-soft);\r\n }\r\n\r\n .ingredient-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: var(--gradient-science);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n color: white;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .ingredient-name {\r\n font-family: var(--font-display);\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .ingredient-benefit {\r\n font-size: 0.9rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta-section {\r\n padding: 2.5rem 0;\r\n background: linear-gradient(135deg, var(--pearl-white) 0%, var(--soft-mint) 50%, var(--warm-beige) 100%);\r\n color: var(--primary-blue);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(212, 165, 116, 0.15) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: pulse 20s ease-in-out infinite;\r\n }\r\n\r\n .cta-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -10%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(156, 175, 136, 0.12) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: pulse 25s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 0.4; transform: scale(1); }\r\n 50% { opacity: 0.7; transform: scale(1.1); }\r\n }\r\n\r\n .cta-content {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2.5rem, 4vw, 4rem);\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .cta-subtitle {\r\n font-size: 1.3rem;\r\n color: var(--steel-gray);\r\n margin-bottom: 2rem;\r\n line-height: 1.7;\r\n opacity: 0.9;\r\n }\r\n\r\n .price-display {\r\n background: white;\r\n backdrop-filter: blur(20px);\r\n border-radius: 25px;\r\n padding: 2rem 1.5rem;\r\n margin: 2rem 0;\r\n border: 2px solid var(--soft-mint);\r\n box-shadow: var(--shadow-medium);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .price-display::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .original-price {\r\n text-decoration: line-through;\r\n color: var(--steel-gray);\r\n opacity: 0.5;\r\n font-size: 1.2rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .current-price {\r\n font-family: var(--font-display);\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: var(--coral-pink);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .savings {\r\n background: linear-gradient(135deg, var(--coral-pink), var(--accent-gold));\r\n color: white;\r\n padding: 0.6rem 1.5rem;\r\n border-radius: 25px;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n display: inline-block;\r\n box-shadow: var(--shadow-soft);\r\n }\r\n\r\n .urgency-timer {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 1.5rem;\r\n margin: 1.5rem 0;\r\n border: 2px solid var(--soft-mint);\r\n box-shadow: var(--shadow-soft);\r\n }\r\n\r\n .timer-text {\r\n font-size: 1.1rem;\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .timer-display {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n }\r\n\r\n .timer-unit {\r\n text-align: center;\r\n background: var(--soft-mint);\r\n padding: 1.2rem 1rem;\r\n border-radius: 15px;\r\n min-width: 80px;\r\n border: 1px solid rgba(156, 175, 136, 0.2);\r\n }\r\n\r\n .timer-number {\r\n font-family: var(--font-display);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n display: block;\r\n margin-bottom: 0.2rem;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .timer-label {\r\n font-size: 0.8rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Testimonials *\/\r\n .testimonials {\r\n padding: 2rem 0;\r\n background: var(--warm-beige);\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 20px;\r\n box-shadow: var(--shadow-soft);\r\n position: relative;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .testimonial-card:nth-child(2) { animation-delay: 0.1s; }\r\n .testimonial-card:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n .stars {\r\n color: var(--accent-gold);\r\n font-size: 1.2rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .testimonial-text {\r\n color: var(--steel-gray);\r\n line-height: 1.7;\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--gradient-accent);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 600;\r\n }\r\n\r\n .author-info h4 {\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .author-info p {\r\n font-size: 0.9rem;\r\n opacity: 0.7;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background: var(--deep-navy);\r\n color: white;\r\n padding: 3rem 0 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-links a {\r\n color: white;\r\n text-decoration: none;\r\n opacity: 0.8;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .footer-links a:hover {\r\n opacity: 1;\r\n }\r\n\r\n .footer-bottom {\r\n opacity: 0.6;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Floating CTA Button - always visible on mobile *\/\r\n .floating-cta {\r\n position: fixed;\r\n bottom: 2rem;\r\n left: 2rem;\r\n right: 2rem;\r\n z-index: 999;\r\n background: var(--gradient-accent);\r\n color: white;\r\n padding: 1rem 2rem;\r\n border-radius: 60px;\r\n text-align: center;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: var(--shadow-strong);\r\n font-size: 1.1rem;\r\n animation: slideUpIn 1s ease-out 2s both;\r\n }\r\n\r\n @keyframes slideUpIn {\r\n from {\r\n transform: translateY(100px);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .floating-cta:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .floating-cta {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n \/* Offers Section *\/\r\n .offers-section {\r\n padding: 3rem 0;\r\n background: var(--warm-beige);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .offers-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(212, 165, 116, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: pulse 20s ease-in-out infinite;\r\n }\r\n\r\n .offers-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .offers-header {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .offers-header h2 {\r\n font-family: var(--font-display);\r\n font-size: clamp(2.5rem, 4vw, 4rem);\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .offers-header p {\r\n font-size: 1.2rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n .offers-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-top: 0;\r\n margin-bottom: 2rem;\r\n width: 100%;\r\n }\r\n\r\n .offer-card {\r\n background: white;\r\n border-radius: 25px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-soft);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n animation: fadeInUp 0.8s ease-out;\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .offer-card:nth-child(1) { animation-delay: 0.1s; }\r\n .offer-card:nth-child(2) { animation-delay: 0.2s; }\r\n .offer-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n .offer-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--shadow-strong);\r\n }\r\n\r\n .offer-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: var(--gradient-accent);\r\n color: white;\r\n padding: 0.5rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n z-index: 3;\r\n box-shadow: var(--shadow-soft);\r\n }\r\n\r\n .offer-badge-popular {\r\n background: var(--gradient-science);\r\n animation: pulseBadge 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseBadge {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n }\r\n\r\n .offer-badge-special {\r\n background: linear-gradient(135deg, #facc15, #fde047, #f59e0b);\r\n background-size: 200% 200%;\r\n color: var(--primary-blue);\r\n font-weight: 700;\r\n animation: gradientMove 3s ease infinite, floatBadge 2.8s ease-in-out infinite;\r\n box-shadow: 0 10px 25px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .offer-badge-special::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -60%;\r\n width: 40%;\r\n height: 200%;\r\n background: linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,0.65), rgba(255,255,255,0));\r\n transform: rotate(25deg);\r\n animation: shine 3.5s infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n @keyframes floatBadge {\r\n 0%, 100% { transform: translateY(0) scale(1); }\r\n 50% { transform: translateY(-6px) scale(1.05); }\r\n }\r\n\r\n @keyframes shine {\r\n 0% { left: -60%; }\r\n 60% { left: 120%; }\r\n 100% { left: 120%; }\r\n }\r\n\r\n .offer-image {\r\n width: 100%;\r\n height: 280px;\r\n background: var(--soft-mint);\r\n background-size: contain;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n position: relative;\r\n min-height: 200px;\r\n }\r\n\r\n .offer-content {\r\n padding: 2rem;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .offer-title {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.8rem;\r\n line-height: 1.3;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .offer-description {\r\n font-size: 0.95rem;\r\n color: var(--steel-gray);\r\n line-height: 1.7;\r\n margin-bottom: 1.5rem;\r\n opacity: 0.9;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .offer-benefits {\r\n list-style: none;\r\n padding: 0;\r\n margin: 1rem 0 1.5rem;\r\n flex: 1;\r\n }\r\n\r\n .offer-benefits li {\r\n font-size: 0.9rem;\r\n color: var(--steel-gray);\r\n background: var(--soft-mint);\r\n padding: 0.6rem 1rem;\r\n border-radius: 12px;\r\n margin-bottom: 0.6rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .offer-benefits li::before {\r\n content: '\u2713';\r\n color: var(--sage-green);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n .offer-price {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 1rem;\r\n margin-bottom: 1.5rem;\r\n flex-wrap: wrap;\r\n word-wrap: break-word;\r\n }\r\n\r\n .offer-price-old {\r\n text-decoration: line-through;\r\n color: var(--steel-gray);\r\n opacity: 0.5;\r\n font-size: 1rem;\r\n white-space: nowrap;\r\n }\r\n\r\n .offer-price-new {\r\n font-family: var(--font-display);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #886ca9;\r\n white-space: nowrap;\r\n }\r\n\r\n .offer-price-unit {\r\n font-size: 0.9rem;\r\n color: var(--steel-gray);\r\n opacity: 0.7;\r\n white-space: nowrap;\r\n }\r\n\r\n .offer-cta {\r\n background: #886ca9;\r\n color: white;\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-soft);\r\n display: inline-block;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n box-sizing: border-box;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .offer-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-medium);\r\n }\r\n\r\n .offer-cta.loading {\r\n pointer-events: none;\r\n color: transparent;\r\n position: relative;\r\n }\r\n\r\n .offer-cta.loading::after {\r\n content: \"\";\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(255,255,255,0.5);\r\n border-top-color: white;\r\n animation: spin 0.7s linear infinite;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n margin: -10px 0 0 -10px;\r\n }\r\n\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .offer-card.featured {\r\n border: 3px solid var(--accent-gold);\r\n transform: scale(1.05);\r\n }\r\n\r\n .offer-card.featured::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .offers-note {\r\n text-align: center;\r\n margin-top: 0;\r\n margin-bottom: 2rem;\r\n padding: 1.5rem;\r\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(136, 108, 169, 0.08) 100%);\r\n border-radius: 20px;\r\n box-shadow: var(--shadow-soft);\r\n border: 2px solid rgba(136, 108, 169, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .offers-note::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .offers-note-content {\r\n margin-top: 1.5rem;\r\n padding-top: 1.5rem;\r\n border-top: 2px dashed rgba(136, 108, 169, 0.3);\r\n }\r\n\r\n .offers-note p {\r\n font-size: 1.1rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .offers-note span {\r\n font-size: 0.95rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n .offers-note-timer {\r\n margin-bottom: 0;\r\n }\r\n\r\n .offers-note-timer-text {\r\n font-size: 0.95rem;\r\n color: var(--coral-pink);\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .offers-note-timer-display {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .offers-note-timer-unit {\r\n text-align: center;\r\n background: white;\r\n padding: 0.8rem 0.6rem;\r\n border-radius: 12px;\r\n min-width: 60px;\r\n border: 1px solid rgba(136, 108, 169, 0.2);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .offers-note-timer-number {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n display: block;\r\n margin-bottom: 0.2rem;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .offers-note-timer-label {\r\n font-size: 0.7rem;\r\n color: var(--steel-gray);\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .proof-content {\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n text-align: center;\r\n }\r\n\r\n .benefits-preview {\r\n justify-content: center;\r\n }\r\n\r\n .problem-statement {\r\n padding: 2rem 1.5rem 1.5rem 1.5rem;\r\n padding-top: 2.2rem;\r\n margin: 1.5rem 0 2rem;\r\n }\r\n\r\n .problem-statement h3 {\r\n font-size: 1.15rem;\r\n padding-right: 0;\r\n }\r\n\r\n .problem-statement p {\r\n font-size: 1rem;\r\n }\r\n\r\n .problem-statement::before {\r\n right: 20px;\r\n top: -10px;\r\n font-size: 1.4rem;\r\n padding: 0.35rem;\r\n }\r\n\r\n .benefits {\r\n padding: 2rem 0;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .benefits-list {\r\n grid-template-columns: 1fr;\r\n gap: 1.2rem;\r\n padding: 0 1rem;\r\n }\r\n\r\n .benefit-point {\r\n padding: 1.2rem;\r\n }\r\n\r\n .benefit-icon {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .benefit-title {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .benefit-description {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .timer-display {\r\n gap: 0.5rem;\r\n }\r\n\r\n .timer-unit {\r\n padding: 0.5rem;\r\n }\r\n\r\n .timer-number {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .nav {\r\n padding: 1rem;\r\n }\r\n\r\n .product-image {\r\n transform: none;\r\n max-width: 320px;\r\n height: 400px;\r\n }\r\n\r\n .science-badge {\r\n display: none;\r\n }\r\n\r\n .offers-section {\r\n padding: 2rem 0;\r\n }\r\n\r\n .offers-header {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .offers-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .offers-header p {\r\n font-size: 1rem;\r\n }\r\n\r\n .offers-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .offer-card.featured {\r\n transform: scale(1);\r\n }\r\n\r\n .offers-wrapper {\r\n padding: 0 1rem;\r\n }\r\n\r\n .offer-image {\r\n height: 220px;\r\n }\r\n\r\n .offer-content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .offer-title {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .offer-description {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .offer-price-new {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .offer-cta {\r\n padding: 0.9rem 1.5rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .offers-note {\r\n padding: 1.25rem;\r\n margin-top: 0;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .offers-note p {\r\n font-size: 1rem;\r\n }\r\n\r\n .offers-note-content {\r\n margin-top: 1.2rem;\r\n padding-top: 1.2rem;\r\n }\r\n\r\n .offers-note-timer {\r\n margin-top: 0;\r\n padding-top: 0;\r\n }\r\n\r\n .offers-note-timer-text {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .offers-note-timer-display {\r\n gap: 0.6rem;\r\n }\r\n\r\n .offers-note-timer-unit {\r\n padding: 0.6rem 0.5rem;\r\n min-width: 55px;\r\n }\r\n\r\n .offers-note-timer-number {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .offers-note-timer-label {\r\n font-size: 0.65rem;\r\n }\r\n }\r\n\r\n \/* Tablet Portrait *\/\r\n @media (min-width: 481px) and (max-width: 768px) {\r\n .offers-section {\r\n padding: 2.5rem 0;\r\n }\r\n\r\n .offers-grid {\r\n gap: 2rem;\r\n }\r\n\r\n .offer-image {\r\n height: 260px;\r\n }\r\n\r\n .offer-content {\r\n padding: 2rem;\r\n }\r\n }\r\n\r\n \/* Tablet Landscape \/ Small Desktop *\/\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .offers-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .offer-card.featured {\r\n grid-column: 1 \/ -1;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n transform: scale(1);\r\n }\r\n\r\n .offers-wrapper {\r\n padding: 0 1.5rem;\r\n }\r\n }\r\n\r\n \/* Medium Desktop *\/\r\n @media (min-width: 1025px) and (max-width: 1200px) {\r\n .offers-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .offer-card.featured {\r\n transform: scale(1.03);\r\n }\r\n }\r\n\r\n \/* Large Desktop *\/\r\n @media (min-width: 1201px) {\r\n .offers-grid {\r\n gap: 2.5rem;\r\n }\r\n }\r\n\r\n \/* Extra Small Mobile *\/\r\n @media (max-width: 480px) {\r\n .offers-section {\r\n padding: 2rem 0;\r\n }\r\n\r\n .offers-header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .offers-header h2 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .offers-header p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .offers-grid {\r\n gap: 1.25rem;\r\n }\r\n\r\n .offer-image {\r\n height: 200px;\r\n }\r\n\r\n .offer-content {\r\n padding: 1.25rem;\r\n }\r\n\r\n .offer-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .offer-description {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .offer-benefits li {\r\n font-size: 0.85rem;\r\n padding: 0.5rem 0.8rem;\r\n }\r\n\r\n .offer-price-new {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .offer-cta {\r\n padding: 0.85rem 1.25rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .offers-note {\r\n padding: 1.25rem;\r\n margin-top: 0;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .offers-note p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .offers-note span {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .offers-note-content {\r\n margin-top: 1rem;\r\n padding-top: 1rem;\r\n }\r\n\r\n .offers-note-timer {\r\n margin-top: 0;\r\n padding-top: 0;\r\n }\r\n\r\n .offers-note-timer-text {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .offers-note-timer-display {\r\n gap: 0.5rem;\r\n }\r\n\r\n .offers-note-timer-unit {\r\n padding: 0.5rem 0.4rem;\r\n min-width: 50px;\r\n }\r\n\r\n .offers-note-timer-number {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .offers-note-timer-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .problem-statement {\r\n padding: 1.8rem 1.25rem 1.25rem 1.25rem;\r\n padding-top: 2rem;\r\n margin: 1.25rem 0 1.75rem;\r\n }\r\n\r\n .problem-statement h3 {\r\n font-size: 1.05rem;\r\n margin-bottom: 0.8rem;\r\n padding-right: 0;\r\n }\r\n\r\n .problem-statement p {\r\n font-size: 0.95rem;\r\n margin: 0.6rem 0;\r\n }\r\n\r\n .problem-statement::before {\r\n right: 15px;\r\n top: -10px;\r\n font-size: 1.2rem;\r\n padding: 0.3rem;\r\n }\r\n\r\n .benefits {\r\n padding: 2rem 0;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .benefits-list {\r\n gap: 1rem;\r\n padding: 0 0.75rem;\r\n }\r\n\r\n .benefit-point {\r\n padding: 1rem;\r\n gap: 1rem;\r\n }\r\n\r\n .benefit-icon {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .benefit-title {\r\n font-size: 1rem;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .benefit-description {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Header -->\r\n <header class=\"header\">\r\n <nav class=\"nav\">\r\n <a href=\"#\" class=\"logo\">\u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643<\/a>\r\n <div class=\"nav-actions\">\r\n <a href=\"#offers\" class=\"btn-cta\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <div class=\"product-badge\">\u062a\u0631\u0643\u064a\u0628\u0629 \u0639\u0644\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/div>\r\n <h1 class=\"hero-title\">\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+<br>\u0633\u0631 \u0627\u0644\u0634\u0628\u0627\u0628 \u0627\u0644\u062f\u0627\u0626\u0645<\/h1>\r\n <p class=\"hero-subtitle\">\u062a\u0631\u0643\u064a\u0628\u0629 \u062b\u0648\u0631\u064a\u0629 \u0645\u0646 \u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0627\u0644\u0633\u0645\u0643 \u0627\u0644\u0645\u062a\u062d\u0644\u0644 \u0645\u0639 \u062d\u0645\u0636 \u0627\u0644\u0647\u064a\u0627\u0644\u0648\u0631\u0648\u0646\u064a\u0643 \u0648\u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0643\u0633\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0634\u0628\u0627\u0628 \u0628\u0634\u0631\u062a\u0643 \u0648\u0646\u0636\u0627\u0631\u062a\u0647\u0627<\/p>\r\n \r\n <div class=\"problem-statement\">\r\n <h3>\u062d\u0627\u0633\u0633 \u0625\u0646 \u0628\u0634\u0631\u062a\u0643 \u062a\u0639\u0628\u062a\u061f<\/h3>\r\n <p>\u0628\u0647\u062a\u0627\u0646\u060c \u062e\u0637\u0648\u0637 \u0628\u062a\u0632\u064a\u062f\u060c \u0648\u0646\u0636\u0627\u0631\u0629 \u0628\u062a\u062e\u062a\u0641\u064a \u064a\u0648\u0645 \u0628\u0639\u062f \u064a\u0648\u0645.<\/p>\r\n <p>\u0628\u062a\u062c\u0631\u0628 \u0645\u0646\u062a\u062c\u0627\u062a \u0643\u062a\u064a\u0631\u2026 \u0648\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0645\u0624\u0642\u062a\u0629 \u0623\u0648 \u0645\u0641\u064a\u0634.<\/p>\r\n <p><span class=\"highlight\">\u0627\u0644\u0633\u0628\u0628 \u063a\u0627\u0644\u0628\u064b\u0627 \u0646\u0642\u0635 \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646\u060c \u0645\u0634 \u0627\u0644\u0643\u0631\u064a\u0645.<\/span><\/p>\r\n <\/div>\r\n \r\n <div class=\"benefits-preview\">\r\n <span class=\"benefit-tag\">\u2728 \u0646\u0636\u0627\u0631\u0629 \u0641\u0648\u0631\u064a\u0629<\/span>\r\n <span class=\"benefit-tag\">\ud83e\uddec \u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0628\u062d\u0631\u064a \u0646\u0642\u064a<\/span>\r\n <span class=\"benefit-tag\">\ud83d\udc8e \u0627\u0645\u062a\u0635\u0627\u0635 \u0639\u0627\u0644\u064a<\/span>\r\n <span class=\"benefit-tag\">\ud83c\udf3f \u0645\u0643\u0648\u0646\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"#offers\" class=\"btn-primary\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 - \u0648\u0641\u0631 40%<\/a>\r\n <a href=\"#benefits\" class=\"btn-secondary\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0648\u0627\u0626\u062f<\/a>\r\n <\/div>\r\n\r\n <div class=\"trust-indicators\">\r\n <div class=\"trust-item\">\r\n <span>\ud83d\udd2c<\/span>\r\n <span>\u0645\u062e\u062a\u0628\u0631 \u0637\u0628\u064a\u0627\u064b<\/span>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <span>\ud83c\uddea\ud83c\uddfa<\/span>\r\n <span>\u0635\u0646\u0639 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"product-showcase\">\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-17-at-3.48.52-PM.jpeg\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1014px; --smush-placeholder-aspect-ratio: 1014\/1599;\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/10\/15-1536x1536-2.webp\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1536;\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/10\/2da702cf-8f0e-471a-8540-5d2580862d93.jpg\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 540px; --smush-placeholder-aspect-ratio: 540\/1200;\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/10\/6dc4bdc7-c8c3-462a-b84d-d65a599bdbbd.jpg\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/1600;\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/10\/52d3eaca-bb4f-4b00-87f1-2b90b6399e18.jpg\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 540px; --smush-placeholder-aspect-ratio: 540\/1200;\">\r\n <img decoding=\"async\" data-src=\"https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/10\/44067a60-dbec-4071-8caf-d45083bb9ef0.jpg\" alt=\"\u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0645\u0646 \u0641\u064a\u0627 \u062a\u0648\u0646\u064a\u0643\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 540px; --smush-placeholder-aspect-ratio: 540\/1200;\">\r\n <\/div>\r\n <div class=\"floating-elements\">\r\n <div class=\"science-badge badge-1\">\r\n <h4>\u0627\u0645\u062a\u0635\u0627\u0635 95%<\/h4>\r\n <p>\u062a\u0642\u0646\u064a\u0629 Naticol \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/p>\r\n <\/div>\r\n <div class=\"science-badge badge-2\">\r\n <h4>\u0628\u0634\u0631\u0629 \u0634\u0627\u0628\u0629 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0633\u0631\u064a\u0639\u0629<\/h4>\r\n <p>\u0631\u0636\u0627 \u0643\u0627\u0645\u0644 \u0645\u0646 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Offers Hint -->\r\n <a href=\"#offers\" class=\"offers-hint\">\r\n <div class=\"offers-hint-card\">\r\n <div class=\"offers-hint-icon\">\ud83d\udc8e<\/div>\r\n <div class=\"offers-hint-text\">\r\n <strong>\u0639\u0631\u0648\u0636 \u062e\u0627\u0635\u0629 \u0645\u062a\u0627\u062d\u0629!<\/strong>\r\n <span>\u0648\u0641\u0631 \u0623\u0643\u062b\u0631 \u0645\u0639 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u062c\u0645\u0639\u0629<\/span>\r\n <\/div>\r\n <div class=\"offers-hint-arrow\">\u2b07\ufe0f<\/div>\r\n <\/div>\r\n <\/a>\r\n <\/section>\r\n\r\n <!-- Benefits Section -->\r\n <section class=\"benefits\" id=\"benefits\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\u062a\u062d\u0648\u064a\u0644 \u062d\u0642\u064a\u0642\u064a \u0644\u062c\u0645\u0627\u0644\u0643<\/h2>\r\n <p class=\"section-subtitle\">\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u062e\u0644\u0648\u064a \u0639\u0645\u064a\u0642 \u0644\u0625\u0639\u0627\u062f\u0629 \u0625\u062d\u064a\u0627\u0621 \u0634\u0628\u0627\u0628\u0643 \u0627\u0644\u0637\u0628\u064a\u0639\u064a<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefits-list\">\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\u2728<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u0646\u0636\u0627\u0631\u0629 \u0627\u0644\u0628\u0634\u0631\u0629<\/h3>\r\n <p class=\"benefit-description\">\u064a\u062d\u0641\u0632 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0628\u0634\u0631\u0629 \u0623\u0643\u062b\u0631 \u0646\u0639\u0648\u0645\u0629 \u0648\u0645\u0631\u0648\u0646\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\ud83d\udcaa<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u0642\u0648\u0629 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0623\u0638\u0627\u0641\u0631<\/h3>\r\n <p class=\"benefit-description\">\u064a\u0642\u0648\u064a \u0628\u0635\u064a\u0644\u0627\u062a \u0627\u0644\u0634\u0639\u0631 \u0648\u064a\u062d\u0641\u0632 \u0646\u0645\u0648 \u0623\u0638\u0627\u0641\u0631 \u0635\u062d\u064a\u0629 \u0648\u0642\u0648\u064a\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\ud83e\uddb4<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/h3>\r\n <p class=\"benefit-description\">\u064a\u062f\u0639\u0645 \u0635\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u063a\u0636\u0627\u0631\u064a\u0641 \u0644\u062d\u0631\u0643\u0629 \u0623\u0643\u062b\u0631 \u0645\u0631\u0648\u0646\u0629 \u0648\u062d\u064a\u0648\u064a\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\ud83d\udd04<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0644\u0627\u064a\u0627<\/h3>\r\n <p class=\"benefit-description\">\u064a\u0633\u0631\u0639 \u0639\u0645\u0644\u064a\u0629 \u062a\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0644\u0627\u064a\u0627 \u0648\u064a\u062d\u0627\u0631\u0628 \u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0634\u064a\u062e\u0648\u062e\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\ud83d\udca7<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642<\/h3>\r\n <p class=\"benefit-description\">\u062d\u0645\u0636 \u0627\u0644\u0647\u064a\u0627\u0644\u0648\u0631\u0648\u0646\u064a\u0643 \u064a\u062d\u0628\u0633 \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0644\u0645\u062f\u0629 24 \u0633\u0627\u0639\u0629 \u0645\u062a\u0648\u0627\u0635\u0644\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-point\">\r\n <div class=\"benefit-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">\u062d\u0645\u0627\u064a\u0629 \u0645\u0636\u0627\u062f\u0629 \u0644\u0644\u0623\u0643\u0633\u062f\u0629<\/h3>\r\n <p class=\"benefit-description\">\u064a\u062d\u0645\u064a \u0645\u0646 \u0627\u0644\u062c\u0630\u0648\u0631 \u0627\u0644\u062d\u0631\u0629 \u0648\u0627\u0644\u062a\u0644\u0648\u062b \u0627\u0644\u0628\u064a\u0626\u064a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Scientific Proof -->\r\n <section class=\"science-proof\">\r\n <div class=\"container\">\r\n <div class=\"proof-content\">\r\n <div class=\"proof-text\">\r\n <h2>\u0623\u062b\u0628\u062a\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h2>\r\n <p>\u0628\u0639\u062f 12 \u0623\u0633\u0628\u0648\u0639 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u060c \u0623\u0638\u0647\u0631\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u062a\u062d\u0633\u0646\u0627\u064b \u0645\u0644\u062d\u0648\u0638\u0627\u064b \u0641\u064a \u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0628\u0634\u0631\u0629 \u0628\u0646\u0633\u0628\u0629 87% \u0648\u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0628\u0646\u0633\u0628\u0629 65%.<\/p>\r\n <p>\u062a\u0631\u0643\u064a\u0628\u0629 \u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+ \u062a\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0646\u064a\u0629 Naticol \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0645\u0646 \u0623\u0642\u0635\u0649 \u0627\u0645\u062a\u0635\u0627\u0635 \u0644\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629 \u0641\u064a \u0627\u0644\u0623\u0645\u0639\u0627\u0621 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u062d\u064a\u062b \u064a\u062d\u062f\u062b \u0627\u0644\u0627\u0645\u062a\u0635\u0627\u0635 \u0627\u0644\u062d\u0642\u064a\u0642\u064a.<\/p>\r\n <\/div>\r\n\r\n <div class=\"proof-stats\">\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\">87%<\/span>\r\n <span class=\"stat-label\">\u062a\u062d\u0633\u0646 \u0641\u064a \u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0628\u0634\u0631\u0629<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\">65%<\/span>\r\n <span class=\"stat-label\">\u0632\u064a\u0627\u062f\u0629 \u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\">14<\/span>\r\n <span class=\"stat-label\">\u064a\u0648\u0645 \u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-number\">95%<\/span>\r\n <span class=\"stat-label\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0627\u0645\u062a\u0635\u0627\u0635<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Ingredients -->\r\n \r\n\r\n <!-- Offers Section -->\r\n <section class=\"offers-section\" id=\"offers\">\r\n <div class=\"offers-wrapper\">\r\n <div class=\"offers-header\">\r\n <h2>\u0639\u0631\u0648\u0636 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0644\u0643<\/h2>\r\n <p>\u0627\u062e\u062a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0623\u0641\u0636\u0644 \u062a\u0648\u0641\u064a\u0631<\/p>\r\n <\/div>\r\n\r\n <div class=\"offers-note\">\r\n <div class=\"offers-note-timer\">\r\n <div class=\"offers-note-timer-text\">\u23f0 \u0639\u0631\u0636 \u0645\u062d\u062f\u0648\u062f - 24 \u0633\u0627\u0639\u0629 \u0641\u0642\u0637 \u0645\u062a\u0628\u0642\u064a\u0629!<\/div>\r\n <div class=\"offers-note-timer-display\">\r\n <div class=\"offers-note-timer-unit\">\r\n <span class=\"offers-note-timer-number\">24<\/span>\r\n <span class=\"offers-note-timer-label\">\u0633\u0627\u0639\u0629<\/span>\r\n <\/div>\r\n <div class=\"offers-note-timer-unit\">\r\n <span class=\"offers-note-timer-number\">\u23f0<\/span>\r\n <span class=\"offers-note-timer-label\">\u0623\u0633\u0631\u0639<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"offers-note-content\">\r\n <p>\ud83d\udca1 \u0646\u0635\u064a\u062d\u0629: \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u0646\u0646\u0635\u062d \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0643\u0648\u0631\u0633 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0643\u0627\u0645\u0644 (3 \u0639\u0644\u0628)<\/p>\r\n <span>\u062a\u0648\u0641\u064a\u0631 \u0625\u0636\u0627\u0641\u064a + \u0646\u062a\u0627\u0626\u062c \u0623\u0633\u0631\u0639 \u0648\u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"offers-grid\">\r\n <!-- Offer 1: Single Box -->\r\n <a class=\"offer-card\" href=\"https:\/\/via-tonic.com\/ar\/checkout\/?add-to-cart=6706\" style=\"text-decoration:none;color:inherit;display:block\">\r\n <div class=\"offer-badge\">\u0639\u0631\u0636 \u0623\u0633\u0627\u0633\u064a<\/div>\r\n <div class=\"offer-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url('https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.17.20-PM.jpeg')\"><\/div>\r\n <div class=\"offer-content\">\r\n <h3 class=\"offer-title\">PURE COLLAGEN+ (\u0639\u0644\u0628\u0629 \u0648\u0627\u062d\u062f\u0629)<\/h3>\r\n <p class=\"offer-description\">\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0628\u062d\u0631\u064a \u0646\u0642\u064a \u0644\u062f\u0639\u0645 \u0646\u0636\u0627\u0631\u0629 \u0627\u0644\u0628\u0634\u0631\u0629 \u0648\u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0623\u0638\u0627\u0641\u0631.<\/p>\r\n <ul class=\"offer-benefits\">\r\n <li>\u0646\u0636\u0627\u0631\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0623\u0639\u0644\u0649<\/li>\r\n <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062c\u0627\u0639\u064a\u062f<\/li>\r\n <li>\u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0623\u0638\u0627\u0641\u0631<\/li>\r\n <\/ul>\r\n <div class=\"offer-price\">\r\n <span class=\"offer-price-new\">294<\/span>\r\n <span class=\"offer-price-unit\">\u062f\u0631\u0647\u0645<\/span>\r\n <\/div>\r\n <span class=\"offer-cta offer-btn-atc\">\u2795 \u0623\u0636\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Offer 2: Two Boxes (Most Popular) -->\r\n <a class=\"offer-card featured\" href=\"https:\/\/via-tonic.com\/ar\/checkout\/?add-to-cart=9212\" style=\"text-decoration:none;color:inherit;display:block\">\r\n <div class=\"offer-badge offer-badge-popular\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/div>\r\n <div class=\"offer-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url('https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.15.31-PM.jpeg')\"><\/div>\r\n <div class=\"offer-content\">\r\n <h3 class=\"offer-title\">PURE COLLAGEN+ (\u0639\u0644\u0628\u062a\u0627\u0646)<\/h3>\r\n <p class=\"offer-description\">\u0646\u062a\u0627\u0626\u062c \u0623\u0633\u0631\u0639 \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062e\u0627\u0635. \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631.<\/p>\r\n <ul class=\"offer-benefits\">\r\n <li>\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0636\u062d\u0629 \u062e\u0644\u0627\u0644 15 \u064a\u0648\u0645<\/li>\r\n <li>\u0628\u0634\u0631\u0629 \u0623\u0643\u062b\u0631 \u0625\u0634\u0631\u0627\u0642\u064b\u0627<\/li>\r\n <li>\u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631<\/li>\r\n <\/ul>\r\n <div class=\"offer-price\">\r\n <span class=\"offer-price-old\">588 \u062f\u0631\u0647\u0645<\/span>\r\n <span class=\"offer-price-new\">500<\/span>\r\n <span class=\"offer-price-unit\">\u062f\u0631\u0647\u0645<\/span>\r\n <\/div>\r\n <span class=\"offer-cta offer-btn-atc\">\u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0639\u0631\u0636<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Offer 3: Three Boxes (Best Value) -->\r\n <a class=\"offer-card\" href=\"https:\/\/via-tonic.com\/ar\/checkout\/?add-to-cart=9216\" style=\"text-decoration:none;color:inherit;display:block\">\r\n <div class=\"offer-badge offer-badge-special\">\r\n <span>\u2b50 \u0643\u0648\u0631\u0633 \u0627\u0644\u0634\u0647\u0631 \u0643\u0627\u0645\u0644<\/span>\r\n <\/div>\r\n <div class=\"offer-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url('https:\/\/via-tonic.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.13.45-PM-1.jpeg')\"><\/div>\r\n <div class=\"offer-content\">\r\n <h3 class=\"offer-title\">PURE COLLAGEN+ (3 \u0639\u0644\u0628)<\/h3>\r\n <p class=\"offer-description\">\u0623\u0641\u0636\u0644 \u062e\u064a\u0627\u0631 \u0644\u0646\u062a\u0627\u0626\u062c \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f. \u0623\u0643\u0628\u0631 \u062a\u0648\u0641\u064a\u0631 \u0645\u062a\u0627\u062d.<\/p>\r\n <ul class=\"offer-benefits\">\r\n <li>\u0646\u062a\u0627\u0626\u062c \u0639\u0645\u064a\u0642\u0629 \u0648\u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/li>\r\n <li>\u062a\u062c\u062f\u064a\u062f \u0645\u0644\u062d\u0648\u0638 \u0644\u0644\u0628\u0634\u0631\u0629<\/li>\r\n <li>\u0623\u0643\u0628\u0631 \u062a\u0648\u0641\u064a\u0631 - \u0648\u0641\u0631 182 \u062f\u0631\u0647\u0645<\/li>\r\n <\/ul>\r\n <div class=\"offer-price\">\r\n <span class=\"offer-price-old\">882 \u062f\u0631\u0647\u0645<\/span>\r\n <span class=\"offer-price-new\">705<\/span>\r\n <span class=\"offer-price-unit\">\u062f\u0631\u0647\u0645<\/span>\r\n <\/div>\r\n <span class=\"offer-cta offer-btn-atc\">\u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0639\u0631\u0636<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\n\n <section class=\"ingredients\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\u0645\u0643\u0648\u0646\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/h2>\r\n <p class=\"section-subtitle\">\u0643\u0644 \u0645\u0643\u0648\u0646 \u0645\u062e\u062a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629 \u0648\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0645\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0642\u0635\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/p>\r\n <\/div>\r\n\r\n <div class=\"ingredients-grid\">\r\n <div class=\"ingredient-card\">\r\n <div class=\"ingredient-icon\">\ud83d\udc1f<\/div>\r\n <h3 class=\"ingredient-name\">\u0643\u0648\u0644\u0627\u062c\u064a\u0646 Naticol<\/h3>\r\n <p class=\"ingredient-benefit\">\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0633\u0645\u0643 \u0645\u062a\u062d\u0644\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0627\u0645\u062a\u0635\u0627\u0635 \u0645\u0646 \u0627\u0644\u0646\u0648\u0639 \u0627\u0644\u0623\u0648\u0644<\/p>\r\n <\/div>\r\n\r\n <div class=\"ingredient-card\">\r\n <div class=\"ingredient-icon\">\ud83d\udca7<\/div>\r\n <h3 class=\"ingredient-name\">\u062d\u0645\u0636 \u0627\u0644\u0647\u064a\u0627\u0644\u0648\u0631\u0648\u0646\u064a\u0643<\/h3>\r\n <p class=\"ingredient-benefit\">\u064a\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u064a\u0645\u0644\u0623 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062f\u0642\u064a\u0642\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"ingredient-card\">\r\n <div class=\"ingredient-icon\">\ud83c\udf43<\/div>\r\n <h3 class=\"ingredient-name\">\u0641\u064a\u062a\u0627\u0645\u064a\u0646 C<\/h3>\r\n <p class=\"ingredient-benefit\">\u064a\u062d\u0641\u0632 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u064a<\/p>\r\n <\/div>\r\n\r\n <div class=\"ingredient-card\">\r\n <div class=\"ingredient-icon\">\ud83d\udfe3<\/div>\r\n <h3 class=\"ingredient-name\">\u0645\u0633\u062a\u062e\u0644\u0635 \u0627\u0644\u0639\u0646\u0628<\/h3>\r\n <p class=\"ingredient-benefit\">\u0645\u0636\u0627\u062f \u0623\u0643\u0633\u062f\u0629 \u0642\u0648\u064a \u064a\u062d\u0627\u0631\u0628 \u0627\u0644\u0634\u064a\u062e\u0648\u062e\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Additional CTA after ingredients -->\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\" id=\"order\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2 class=\"cta-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0628\u0634\u0631\u0629 \u0634\u0627\u0628\u0629 \u0641\u064a 14 \u064a\u0648\u0645<\/h2>\r\n <p class=\"cta-subtitle\">\u0639\u0631\u0636 \u0645\u062d\u062f\u0648\u062f: \u062e\u0635\u0645 40% \u0639\u0644\u0649 \u0623\u0648\u0644 \u0637\u0644\u0628\u064a\u0629 + \u0634\u062d\u0646 \u0645\u062c\u0627\u0646\u064a \u0644\u0643\u0644 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/p>\r\n\r\n <div class=\"price-display\">\r\n <div class=\"original-price\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0639\u0627\u062f\u064a: 450 \u062f\u0631\u0647\u0645<\/div>\r\n <div class=\"current-price\">294 \u062f\u0631\u0647\u0645 \u0641\u0642\u0637<\/div>\r\n <div class=\"savings\">\u0648\u0641\u0631 156 \u062f\u0631\u0647\u0645!<\/div>\r\n <\/div>\r\n\r\n <div class=\"urgency-timer\">\r\n <div class=\"timer-text\">\u0639\u0631\u0636 \u0645\u062d\u062f\u0648\u062f \u0644\u0641\u062a\u0631\u0629 \u0642\u0635\u064a\u0631\u0629!<\/div>\r\n <div class=\"timer-display\">\r\n <div class=\"timer-unit\">\r\n <span class=\"timer-number\">24<\/span>\r\n <span class=\"timer-label\">\u0633\u0627\u0639\u0629<\/span>\r\n <\/div>\r\n <div class=\"timer-unit\">\r\n <span class=\"timer-number\">\u0641\u0642\u0637<\/span>\r\n <span class=\"timer-label\">\u0645\u062a\u0628\u0642\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"timer-unit\">\r\n <span class=\"timer-number\">\u23f0<\/span>\r\n <span class=\"timer-label\">\u0623\u0633\u0631\u0639<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#offers\" class=\"btn-primary\" style=\"font-size: 1.2rem; padding: 1.5rem 4rem;\">\r\n \ud83d\uded2 \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 - \u0623\u0636\u0641 \u0644\u0644\u0639\u0631\u0628\u0629\r\n <\/a>\r\n\r\n <div style=\"margin: 1.5rem 0;\">\r\n <a href=\"https:\/\/wa.me\/971566885382?text=\u0623\u0631\u064a\u062f \u0637\u0644\u0628 \u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+\" class=\"btn-secondary\" style=\"display: inline-block; padding: 1rem 2.5rem;\" rel=\"nofollow noopener\" target=\"_blank\">\r\n \ud83d\udcf1 \u0623\u0648 \u0627\u0637\u0644\u0628 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/a>\r\n <\/div>\r\n\r\n <p style=\"margin-top: 1.5rem; font-size: 0.9rem; color: var(--steel-gray); opacity: 0.8;\">\r\n \u2705 \u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0627\u0644\u0645\u0627\u0644 \u062e\u0644\u0627\u0644 30 \u064a\u0648\u0645<br>\r\n \u2705 \u0634\u062d\u0646 \u0645\u062c\u0627\u0646\u064a \u0644\u0643\u0644 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<br>\r\n \u2705 \u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0645\u062a\u0648\u0641\u0631\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Floating CTA Button for Mobile -->\r\n <a href=\"#offers\" class=\"floating-cta\">\r\n \u0627\u0637\u0644\u0628 \u0628\u064a\u0648\u0631 \u0643\u0648\u0644\u0627\u062c\u064a\u0646+\r\n <\/a>\r\n\r\n <script>\r\n \/\/ Add loading state to offer buttons\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n document.querySelectorAll('.offer-btn-atc').forEach(function(btn) {\r\n btn.addEventListener('click', function(e) {\r\n \/\/ Only add loading if it's a valid link\r\n if (this.href && !this.href.includes('#')) {\r\n this.classList.add('loading');\r\n }\r\n });\r\n });\r\n });\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":"","protected":false},"author":536,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9185","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/users\/536"}],"replies":[{"embeddable":true,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/comments?post=9185"}],"version-history":[{"count":0,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9185\/revisions"}],"wp:attachment":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/media?parent=9185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}