\u0631\u0627\u062f\u0648\u06cc\u0646 | \u062f\u0631\u06af\u0627\u0647 \u062c\u0627\u0645\u0639 \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n navy: {\n DEFAULT: '#0F1A2C',\n dark: '#0A1220',\n card: '#16243D',\n light: '#1E2F4D'\n },\n gold: {\n DEFAULT: '#C9A227',\n light: '#E5C158',\n dark: '#A38018',\n glow: 'rgba(201, 162, 39, 0.3)'\n },\n cream: {\n DEFAULT: '#FAF7F2',\n card: '#FFFFFF',\n dark: '#F0ECE1'\n }\n },\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n \n <style>\n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0F1A2C;\n color: #E2E8F0;\n overflow-x: hidden;\n }\n\n \/* \u0627\u0641\u06a9\u062a \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0637\u0644\u0627\u06cc\u06cc \u0644\u0648\u06a9\u0633 *\/\n .gold-gradient-text {\n background: linear-gradient(135deg, #FFF0BA 0%, #C9A227 50%, #9A7718 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .gold-gradient-bg {\n background: linear-gradient(135deg, #E5C158 0%, #C9A227 50%, #9A7718 100%);\n }\n\n .gold-border-glow {\n box-shadow: 0 0 15px rgba(201, 162, 39, 0.2);\n }\n\n .gold-border-glow:hover {\n box-shadow: 0 0 25px rgba(201, 162, 39, 0.4);\n }\n\n \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0634\u06cc\u06a9 *\/\n .glass-header {\n background: rgba(15, 26, 44, 0.85);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n }\n\n .glass-card {\n background: rgba(22, 36, 61, 0.7);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(201, 162, 39, 0.15);\n }\n\n .glass-card:hover {\n border-color: rgba(201, 162, 39, 0.5);\n transform: translateY(-6px);\n }\n\n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0638\u0647\u0648\u0631 \u0646\u0631\u0645 \u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644\u200c\u0628\u0627\u0631 *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #0F1A2C;\n }\n ::-webkit-scrollbar-thumb {\n background: #C9A227;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #E5C158;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-gold selection:text-navy\">\n\n \n <header class=\"fixed top-0 right-0 left-0 z-50 transition-all duration-300 glass-header border-b border-gold\/10\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n \n <a href=\"#hero\" class=\"flex items-center gap-3 group\">\n <div class=\"w-11 h-11 rounded-xl gold-gradient-bg flex items-center justify-center text-navy font-black text-2xl shadow-lg transition-transform group-hover:scale-105\">\n \u0631\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-2xl font-extrabold tracking-tight text-white group-hover:text-gold transition-colors\">\n \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/span>\n <span class=\"text-[10px] text-gold tracking-widest uppercase font-semibold\">\n R A D W I N\n <\/span>\n <\/div>\n <\/a>\n\n \n <nav class=\"hidden md:flex items-center space-x-1 space-x-reverse text-sm font-medium\">\n <a href=\"#hero\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#about\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#services\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#why-us\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n <a href=\"#contact\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n <\/nav>\n\n \n <div class=\"hidden md:flex items-center\">\n <a href=\"tel:09170000000\" class=\"gold-gradient-bg text-navy hover:bg-gold-light font-bold px-5 py-2.5 rounded-xl transition-all shadow-md hover:shadow-gold\/20 flex items-center gap-2 text-sm\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <span>\u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"flex md:hidden\">\n <button id=\"mobile-menu-btn\" type=\"button\" class=\"text-white hover:text-gold p-2 rounded-lg focus:outline-none\" aria-label=\"\u0645\u0646\u0648\">\n <i class=\"fa-solid fa-bars text-2xl\" id=\"menu-icon\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-navy-dark\/95 backdrop-blur-xl border-b border-gold\/20 px-4 pt-2 pb-6 transition-all duration-300\">\n <div class=\"flex flex-col space-y-2 font-medium\">\n <a href=\"#hero\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#about\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#services\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#why-us\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n <a href=\"#contact\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n <div class=\"pt-2\">\n <a href=\"tel:09170000000\" class=\"w-full gold-gradient-bg text-navy text-center font-bold py-3 rounded-xl block shadow-lg\">\n <i class=\"fa-solid fa-phone ml-2\"><\/i> \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\" class=\"relative min-h-screen pt-28 pb-20 flex items-center justify-center overflow-hidden\">\n \n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1920&q=80\" \n alt=\"\u0646\u0645\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\" \n class=\"w-full h-full object-cover object-center opacity-20 filter brightness-75\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy via-navy\/80 to-transparent\"><\/div>\n <div class=\"absolute inset-0 bg-radial-gradient from-transparent via-navy\/50 to-navy\"><\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 right-10 w-72 h-72 bg-gold\/10 rounded-full filter blur-3xl pointer-events-none animate-pulse\"><\/div>\n <div class=\"absolute bottom-10 left-10 w-96 h-96 bg-blue-600\/10 rounded-full filter blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal active\">\n \n \n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-card border border-gold\/30 text-gold text-xs sm:text-sm font-semibold mb-6\">\n <span class=\"w-2 h-2 rounded-full bg-gold animate-ping\"><\/span>\n <span>\u062f\u0631\u06af\u0627\u0647 \u0628\u0631\u062a\u0631 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631<\/span>\n <\/div>\n\n \n <h1 class=\"text-3xl sm:text-5xl lg:text-6xl font-black text-white leading-tight mb-6\">\n \u0628\u0631\u0646\u062f \u0644\u0648\u06a9\u0633 <span class=\"gold-gradient-text\">\u0631\u0627\u062f\u0648\u06cc\u0646<\/span> \u062f\u0631 \u06a9\u0646\u06af\u0627\u0646\n <\/h1>\n\n \n <p class=\"text-lg sm:text-2xl text-slate-300 font-light max-w-3xl mx-auto mb-10 leading-relaxed\">\n \u00ab\u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0644\u06a9\u060c \u0622\u06af\u0647\u06cc \u0648 \u0634\u063a\u0644 \u2014 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u06a9\u0646\u06af\u0627\u0646 \u062f\u0631 \u06cc\u06a9\u062c\u0627\u00bb\n <\/p>\n\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6\">\n <a href=\"#services\" class=\"w-full sm:w-auto gold-gradient-bg text-navy hover:opacity-95 font-extrabold text-lg px-8 py-4 rounded-xl shadow-xl hover:shadow-gold\/20 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-3\">\n <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a<\/span>\n <i class=\"fa-solid fa-arrow-left\"><\/i>\n <\/a>\n <a href=\"tel:09170000000\" class=\"w-full sm:w-auto glass-card text-white hover:bg-white\/10 font-bold text-lg px-8 py-4 rounded-xl transition-all border border-gold\/40 hover:border-gold flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-headset text-gold\"><\/i>\n <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mt-16 pt-10 border-t border-white\/10\">\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">+\u06f1\u06f0\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u0622\u06af\u0647\u06cc \u0641\u0639\u0627\u0644 \u0631\u0648\u0632\u0627\u0646\u0647<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">\u066a\u06f1\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u062a\u0636\u0645\u06cc\u0646 \u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0645\u0644\u0627\u06a9<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">+\u06f5\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0645\u062d\u0644\u06cc<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">\u06f2\u06f4\/\u06f7<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-24 bg-cream text-slate-800 relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n \n \n <div class=\"relative reveal\">\n <div class=\"relative z-10 rounded-2xl overflow-hidden shadow-2xl border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=80\" \n alt=\"\u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u062f\u0631\u0646 \u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646\" \n class=\"w-full h-[400px] sm:h-[480px] object-cover hover:scale-105 transition-transform duration-700\">\n <\/div>\n \n <div class=\"absolute -bottom-6 -right-6 w-full h-full bg-gold\/20 rounded-2xl -z-0\"><\/div>\n <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-navy\/10 rounded-full filter blur-xl\"><\/div>\n <\/div>\n\n \n <div class=\"reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-gold\/10 text-gold-dark font-bold text-sm mb-4\">\n <i class=\"fa-solid fa-building\"><\/i>\n <span>\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <\/div>\n\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-navy mb-6 leading-snug\">\n \u0645\u0631\u06a9\u0632 \u0647\u0648\u0634\u0645\u0646\u062f \u062e\u062f\u0645\u0627\u062a \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc <span class=\"text-gold-dark\">\u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646<\/span>\n <\/h2>\n\n <p class=\"text-base sm:text-lg text-slate-600 leading-relaxed mb-8 text-justify\">\n <strong>\u0631\u0627\u062f\u0648\u06cc\u0646<\/strong> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631\u06cc\u0646 \u0648 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u067e\u0648\u0631\u062a\u0627\u0644 \u0645\u062d\u0644\u06cc\u060c \u0628\u0627 \u0647\u062f\u0641 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0645\u0644\u0627\u06a9\u060c \u062f\u0631\u062c \u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062f\u0631 \u0634\u0647\u0631 \u0628\u0646\u062f\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0627 \u0628\u0633\u062a\u0631\u06cc \u0645\u062f\u0631\u0646\u060c \u0627\u0645\u0646 \u0648 \u0644\u0648\u06a9\u0633 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0622\u0648\u0631\u062f\u0647\u200c\u0627\u06cc\u0645 \u062a\u0627 \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u0627\u0646 \u0645\u062d\u0644\u06cc \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0641\u0631\u0635\u062a\u200c\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.\n <\/p>\n\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-lg bg-navy text-gold flex items-center justify-center shrink-0 mt-1\">\n <i class=\"fa-solid fa-check\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy text-base\">\u067e\u0648\u0634\u0634 \u06a9\u0627\u0645\u0644 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0645\u0646\u0627\u0637\u0642 \u0627\u0637\u0631\u0627\u0641<\/h3>\n <p class=\"text-sm text-slate-500\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0627\u0642\u062a\u0635\u0627\u062f\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a\u06cc \u0645\u0646\u0637\u0642\u0647 \u067e\u0627\u0631\u0633 \u062c\u0646\u0648\u0628\u06cc \u0648 \u06a9\u0646\u06af\u0627\u0646<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-lg bg-navy text-gold flex items-center justify-center shrink-0 mt-1\">\n <i class=\"fa-solid fa-shield-halved\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy text-base\">\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627<\/h3>\n <p class=\"text-sm text-slate-500\">\u062a\u0627\u06cc\u06cc\u062f \u0635\u062d\u062a \u0622\u06af\u0647\u06cc\u200c\u0647\u0627 \u0648 \u0627\u0645\u0644\u0627\u06a9 \u062c\u0647\u062a \u0622\u0633\u0648\u062f\u06af\u06cc \u062e\u0627\u0637\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-24 bg-navy relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n \n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-gold font-bold text-sm tracking-wider uppercase mb-2 block\">\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0698\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-4\">\n \u0647\u0631 \u0622\u0646\u0686\u0647 \u062f\u0631 <span class=\"gold-gradient-text\">\u06a9\u0646\u06af\u0627\u0646<\/span> \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f\n <\/h2>\n <p class=\"text-slate-400 text-base\">\n \u0686\u0647\u0627\u0631 \u0645\u062d\u0648\u0631 \u0627\u0635\u0644\u06cc \u062e\u062f\u0645\u0627\u062a \u0631\u0627\u062f\u0648\u06cc\u0646 \u062c\u0647\u062a \u062a\u0633\u0631\u06cc\u0639 \u0627\u0645\u0648\u0631 \u0631\u0648\u0632\u0645\u0631\u0647 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u0645\u0627\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-store\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0645\u0639\u0631\u0641\u06cc \u0645\u062a\u062e\u0635\u0635\u06cc\u0646\u060c \u0627\u0635\u0646\u0627\u0641\u060c \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062e\u062f\u0645\u0627\u062a \u0645\u0639\u062a\u0628\u0631 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc', '\u0628\u0627\u0646\u06a9 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062c\u0627\u0645\u0639 \u0635\u0627\u062d\u0628\u0627\u0646 \u0645\u0634\u0627\u063a\u0644\u060c \u062a\u0639\u0645\u06cc\u0631\u06a9\u0627\u0631\u0627\u0646\u060c \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u062e\u062f\u0645\u0627\u062a \u062f\u0631\u0645\u0627\u0646\u06cc \u0648 \u0641\u0646\u06cc \u06a9\u0646\u06af\u0627\u0646 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-city\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0627\u0645\u0644\u0627\u06a9 (\u062e\u0631\u06cc\u062f\u060c \u0631\u0647\u0646 \u0648 \u0627\u062c\u0627\u0631\u0647)<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0628\u0632\u0631\u06af\u062a\u0631\u06cc\u0646 \u0645\u0631\u06a9\u0632 \u062e\u0631\u06cc\u062f\u060c \u0641\u0631\u0648\u0634\u060c \u0631\u0647\u0646 \u0648 \u0627\u062c\u0627\u0631\u0647 \u0622\u067e\u0627\u0631\u062a\u0645\u0627\u0646\u060c \u0632\u0645\u06cc\u0646 \u0648 \u0627\u0645\u0644\u0627\u06a9 \u062a\u062c\u0627\u0631\u06cc \u0648 \u0627\u062f\u0627\u0631\u06cc \u062f\u0631 \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0627\u0645\u0644\u0627\u06a9 \u06a9\u0646\u06af\u0627\u0646', '\u062c\u0633\u062a\u062c\u0648\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0641\u0627\u06cc\u0644\u0647\u0627\u06cc \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u0634\u062f\u0647 \u0645\u0633\u06a9\u0648\u0646\u06cc \u0648 \u062a\u062c\u0627\u0631\u06cc\u060c \u0648\u06cc\u0644\u0627\u0647\u0627\u06cc \u0633\u0627\u062d\u0644\u06cc \u0648 \u0632\u0645\u06cc\u0646\u200c\u0647\u0627\u06cc \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u0627 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0648\u0627\u0642\u0639\u06cc.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-bullhorn\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u060c \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0628\u06cc\u200c\u0648\u0627\u0633\u0637\u0647 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\u060c \u062e\u0648\u062f\u0631\u0648\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc \u0648 \u0644\u0648\u0627\u0632\u0645 \u0646\u0648 \u0648 \u062f\u0633\u062a \u062f\u0648\u0645.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc', '\u062f\u0631\u062c \u0633\u0631\u06cc\u0639 \u0622\u06af\u0647\u06cc \u0641\u0631\u0648\u0634 \u0648\u0633\u0627\u06cc\u0644 \u0634\u062e\u0635\u06cc\u060c \u062e\u0648\u062f\u0631\u0648 \u0648 \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u062c\u0647\u062a \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u062e\u0631\u06cc\u062f\u0627\u0631\u0627\u0646 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-briefcase\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0627\u062a\u0635\u0627\u0644 \u062c\u0648\u06cc\u0646\u062f\u06af\u0627\u0646 \u06a9\u0627\u0631 \u0648 \u0645\u062a\u062e\u0635\u0635\u06cc\u0646 \u0645\u0646\u0637\u0642\u0647 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc', '\u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u060c \u062f\u0641\u062a\u0631\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0648 \u0627\u0635\u0646\u0627\u0641 \u0645\u062d\u0644\u06cc \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062b\u0628\u062a \u0631\u0632\u0648\u0645\u0647 \u062c\u0647\u062a \u062c\u0630\u0628 \u0646\u06cc\u0631\u0648.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"why-us\" class=\"py-24 bg-cream text-slate-800 relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-gold-dark font-bold text-sm tracking-wider uppercase mb-2 block\">\u0628\u0631\u062a\u0631\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-navy mb-4\">\n \u0686\u0631\u0627 \u067e\u0648\u0631\u062a\u0627\u0644 <span class=\"text-gold-dark\">\u0631\u0627\u062f\u0648\u06cc\u0646<\/span> \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0648\u0644 \u0627\u0633\u062a\u061f\n <\/h2>\n <p class=\"text-slate-600\">\n \u062a\u0639\u0647\u062f \u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0628\u0633\u062a\u0631\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0627\u0632 \u0646\u0638\u0631 \u0633\u0631\u0639\u062a\u060c \u062f\u0642\u062a \u0648 \u0627\u0639\u062a\u0628\u0627\u0631 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0647\u0645\u0634\u0647\u0631\u06cc\u0627\u0646 \u06a9\u0646\u06af\u0627\u0646\u06cc \u0627\u0633\u062a.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-bolt\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u0637\u0631\u0627\u062d\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0648 \u0633\u0631\u06cc\u0639 \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0631\u0648\u0627\u0646 \u0631\u0648\u06cc \u06af\u0648\u0634\u06cc \u0648 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u062f\u0631 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-arrows-rotate\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0647\u200c\u0631\u0648\u0632<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u067e\u0627\u06cc\u0634 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0622\u06af\u0647\u06cc\u200c\u0647\u0627 \u0648 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631 \u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062c\u062f\u06cc\u062f.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-shop\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u062a\u0645\u0631\u06a9\u0632 \u0648\u06cc\u0698\u0647 \u0628\u0631 \u0627\u0642\u062a\u0635\u0627\u062f \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u062d\u0645\u0627\u06cc\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0645\u0634\u0627\u063a\u0644 \u0648 \u062e\u062f\u0645\u0627\u062a \u0645\u0646\u0637\u0642\u0647.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0622\u0633\u0627\u0646<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u062f\u0647 \u0648 \u0627\u0645\u06a9\u0627\u0646 \u062f\u0631\u062c \u0622\u06af\u0647\u06cc \u0648 \u062c\u0633\u062a\u062c\u0648\u06cc \u0622\u0633\u0627\u0646 \u0628\u062f\u0648\u0646 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc.\n <\/p>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-24 bg-navy relative overflow-hidden\">\n \n \n <div class=\"absolute -right-20 -bottom-20 w-80 h-80 bg-gold\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"glass-card rounded-3xl p-8 sm:p-12 lg:p-16 border border-gold\/30\">\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n \n <div class=\"reveal\">\n <span class=\"text-gold font-bold text-sm tracking-wider uppercase mb-2 block\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-6\">\n \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 <span class=\"gold-gradient-text\">\u06a9\u0646\u06af\u0627\u0646<\/span> \u0647\u0633\u062a\u06cc\u0645\n <\/h2>\n <p class=\"text-slate-300 text-base mb-8 leading-relaxed\">\n \u062c\u0647\u062a \u062b\u0628\u062a \u0622\u06af\u0647\u06cc \u0648\u06cc\u0698\u0647\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0631\u06cc\u062f \u0648 \u0627\u062c\u0627\u0631\u0647 \u0645\u0644\u06a9 \u06cc\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.\n <\/p>\n\n <div class=\"space-y-6\">\n \n <a href=\"tel:09170000000\" class=\"flex items-center gap-4 text-white hover:text-gold transition group\">\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-xl shrink-0 group-hover:scale-105 transition-transform\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/div>\n <div class=\"text-lg font-bold\">09170000000<\/div>\n <\/div>\n <\/a>\n\n <div class=\"flex items-center gap-4 text-white\">\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-xl shrink-0\">\n <i class=\"fa-solid fa-location-dot\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400\">\u0622\u062f\u0631\u0633 \u0645\u0631\u06a9\u0632\u06cc<\/div>\n <div class=\"text-base font-bold\">\u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631\u060c \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\u060c \u0645\u0631\u06a9\u0632 \u0634\u0647\u0631\u060c \u062f\u0641\u062a\u0631 \u0631\u0627\u062f\u0648\u06cc\u0646<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"mt-10 pt-8 border-t border-white\/10\">\n <span class=\"text-sm text-slate-400 block mb-4\">\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/span>\n <div class=\"flex items-center gap-4\">\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\n <i class=\"fa-brands fa-instagram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\n <i class=\"fa-brands fa-telegram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bg-navy-dark\/80 p-8 sm:p-10 rounded-2xl border border-gold\/20 text-center reveal\">\n <div class=\"w-20 h-20 rounded-full gold-gradient-bg flex items-center justify-center text-navy text-3xl font-black mx-auto mb-6 shadow-xl\">\n <i class=\"fa-solid fa-paper-plane\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-4\">\u062b\u0628\u062a \u0633\u0631\u06cc\u0639 \u0622\u06af\u0647\u06cc \u062f\u0631 \u0631\u0627\u062f\u0648\u06cc\u0646<\/h3>\n <p class=\"text-slate-400 text-sm mb-8 leading-relaxed\">\n \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u0645\u0644\u06a9\u060c \u0634\u063a\u0644 \u06cc\u0627 \u0622\u06af\u0647\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u0628\u0633\u062a\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0628\u0647 \u062f\u06cc\u062f \u0647\u0632\u0627\u0631\u0627\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0627\u0644 \u0628\u0631\u0633\u0627\u0646\u06cc\u062f.\n <\/p>\n <a href=\"tel:09170000000\" class=\"w-full gold-gradient-bg text-navy hover:opacity-95 font-extrabold text-lg py-4 rounded-xl shadow-lg block transition-all hover:shadow-gold\/30\">\n \u062b\u0628\u062a \u0622\u06af\u0647\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-navy-dark text-slate-400 py-12 border-t border-white\/10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-10 pb-8 border-b border-white\/5\">\n \n \n <div>\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-9 h-9 rounded-lg gold-gradient-bg flex items-center justify-center text-navy font-black text-xl\">\n \u0631\n <\/div>\n <span class=\"text-2xl font-extrabold text-white\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646<\/span>\n <\/div>\n <p class=\"text-xs sm:text-sm text-slate-400 leading-relaxed\">\n \u0645\u0631\u06a9\u0632 \u0647\u0648\u0634\u0645\u0646\u062f \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9\u060c \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646. \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u062f\u0631\u0646 \u0648 \u0634\u0627\u06cc\u0633\u062a\u0647 \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646 \u06af\u0631\u0627\u0645\u06cc.\n <\/p>\n <\/div>\n\n \n <div class=\"md:text-center\">\n <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-gold pr-2 inline-block\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n <ul class=\"space-y-2 text-xs sm:text-sm\">\n <li><a href=\"#hero\" class=\"hover:text-gold transition\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n <li><a href=\"#about\" class=\"hover:text-gold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a><\/li>\n <li><a href=\"#services\" class=\"hover:text-gold transition\">\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644<\/a><\/li>\n <li><a href=\"#why-us\" class=\"hover:text-gold transition\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-gold pr-2 inline-block\">\u0646\u0634\u0627\u0646\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/h4>\n <p class=\"text-xs sm:text-sm leading-relaxed mb-3\">\n \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631\u060c \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0627\u0635\u0644\u06cc\u060c \u067e\u0648\u0631\u062a\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/p>\n <p class=\"text-xs text-gold\">\n <i class=\"fa-solid fa-clock ml-1\"><\/i> \u0633\u0627\u0639\u062a \u06a9\u0627\u0631\u06cc: \u06f8 \u0635\u0628\u062d \u0627\u0644\u06cc \u06f9 \u0634\u0628\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row items-center justify-between text-xs text-slate-500 gap-4\">\n <p>\u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0628\u0631\u0646\u062f <span class=\"text-gold\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646<\/span> \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n <p>\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0644\u0648\u06a9\u0633 \u0648\u0628<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"service-modal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/80 backdrop-blur-sm p-4\">\n <div class=\"bg-navy-card border border-gold\/40 rounded-2xl max-w-lg w-full p-6 sm:p-8 relative shadow-2xl animate-fade-in\">\n <button onclick=\"closeModal()\" class=\"absolute top-4 left-4 text-slate-400 hover:text-white text-xl p-2\" aria-label=\"\u0628\u0633\u062a\u0646\">\n <i class=\"fa-solid fa-xmark\"><\/i>\n <\/button>\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-2xl font-bold mb-4\">\n <i class=\"fa-solid fa-circle-info\"><\/i>\n <\/div>\n <h3 id=\"modal-title\" class=\"text-xl font-bold text-white mb-3\"><\/h3>\n <p id=\"modal-description\" class=\"text-slate-300 text-sm leading-relaxed mb-6\"><\/p>\n <div class=\"flex justify-end gap-3\">\n <a href=\"tel:09170000000\" class=\"gold-gradient-bg text-navy font-bold text-sm px-5 py-2.5 rounded-xl hover:opacity-90 transition\">\n \u062a\u0645\u0627\u0633 \u062c\u0647\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\n <\/a>\n <button onclick=\"closeModal()\" class=\"px-4 py-2.5 rounded-xl bg-white\/10 text-white text-sm font-semibold hover:bg-white\/20 transition\">\n \u0628\u0633\u062a\u0646\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0648\u06cc \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\n const menuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const menuIcon = document.getElementById('menu-icon');\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\n\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n if (mobileMenu.classList.contains('hidden')) {\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n } else {\n menuIcon.classList.remove('fa-bars');\n menuIcon.classList.add('fa-xmark');\n }\n });\n\n \/\/ \u0628\u0633\u062a\u0646 \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\n mobileNavLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n });\n });\n\n \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0638\u0647\u0648\u0631 \u0639\u0646\u0627\u0635\u0631 (Reveal-on-scroll)\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.reveal');\n const windowHeight = window.innerHeight;\n \n reveals.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 100;\n \n if (elementTop < windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', revealOnScroll);\n \/\/ \u0627\u062c\u0631\u0627\u06cc \u06cc\u06a9\u0628\u0627\u0631\u0647 \u0628\u0631\u0627\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647\n revealOnScroll();\n\n \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062f\u0627\u0644 \u062a\u0639\u0627\u0645\u0644\u06cc\n function openModal(title, description) {\n document.getElementById('modal-title').innerText = title;\n document.getElementById('modal-description').innerText = description;\n const modal = document.getElementById('service-modal');\n modal.classList.remove('hidden');\n modal.classList.add('flex');\n }\n\n function closeModal() {\n const modal = document.getElementById('service-modal');\n modal.classList.add('hidden');\n modal.classList.remove('flex');\n }\n\n \/\/ \u0628\u0633\u062a\u0646 \u0645\u062f\u0627\u0644 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0644\u06cc\u06a9 \u0628\u06cc\u0631\u0648\u0646 \u0622\u0646\n window.addEventListener('click', (e) => {\n const modal = document.getElementById('service-modal');\n if (e.target === modal) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>\u0631\u0627\u062f\u0648\u06cc\u0646 | \u062f\u0631\u06af\u0627\u0647 \u062c\u0627\u0645\u0639 \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0631 \u0631\u0627\u062f\u0648\u06cc\u0646 R A D W I N \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":8,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u0631\u0627\u062f\u0648\u06cc\u0646 | \u062f\u0631\u06af\u0627\u0647 \u062c\u0627\u0645\u0639 \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n navy: {\n DEFAULT: '#0F1A2C',\n dark: '#0A1220',\n card: '#16243D',\n light: '#1E2F4D'\n },\n gold: {\n DEFAULT: '#C9A227',\n light: '#E5C158',\n dark: '#A38018',\n glow: 'rgba(201, 162, 39, 0.3)'\n },\n cream: {\n DEFAULT: '#FAF7F2',\n card: '#FFFFFF',\n dark: '#F0ECE1'\n }\n },\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n \n <style>\n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0F1A2C;\n color: #E2E8F0;\n overflow-x: hidden;\n }\n\n \/* \u0627\u0641\u06a9\u062a \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0637\u0644\u0627\u06cc\u06cc \u0644\u0648\u06a9\u0633 *\/\n .gold-gradient-text {\n background: linear-gradient(135deg, #FFF0BA 0%, #C9A227 50%, #9A7718 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .gold-gradient-bg {\n background: linear-gradient(135deg, #E5C158 0%, #C9A227 50%, #9A7718 100%);\n }\n\n .gold-border-glow {\n box-shadow: 0 0 15px rgba(201, 162, 39, 0.2);\n }\n\n .gold-border-glow:hover {\n box-shadow: 0 0 25px rgba(201, 162, 39, 0.4);\n }\n\n \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0634\u06cc\u06a9 *\/\n .glass-header {\n background: rgba(15, 26, 44, 0.85);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n }\n\n .glass-card {\n background: rgba(22, 36, 61, 0.7);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(201, 162, 39, 0.15);\n }\n\n .glass-card:hover {\n border-color: rgba(201, 162, 39, 0.5);\n transform: translateY(-6px);\n }\n\n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0638\u0647\u0648\u0631 \u0646\u0631\u0645 \u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644\u200c\u0628\u0627\u0631 *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #0F1A2C;\n }\n ::-webkit-scrollbar-thumb {\n background: #C9A227;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #E5C158;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-gold selection:text-navy\">\n\n \n <header class=\"fixed top-0 right-0 left-0 z-50 transition-all duration-300 glass-header border-b border-gold\/10\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n \n <a href=\"#hero\" class=\"flex items-center gap-3 group\">\n <div class=\"w-11 h-11 rounded-xl gold-gradient-bg flex items-center justify-center text-navy font-black text-2xl shadow-lg transition-transform group-hover:scale-105\">\n \u0631\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-2xl font-extrabold tracking-tight text-white group-hover:text-gold transition-colors\">\n \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/span>\n <span class=\"text-[10px] text-gold tracking-widest uppercase font-semibold\">\n R A D W I N\n <\/span>\n <\/div>\n <\/a>\n\n \n <nav class=\"hidden md:flex items-center space-x-1 space-x-reverse text-sm font-medium\">\n <a href=\"#hero\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#about\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#services\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#why-us\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n <a href=\"#contact\" class=\"px-4 py-2 rounded-lg text-white\/90 hover:text-gold hover:bg-white\/5 transition-all\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n <\/nav>\n\n \n <div class=\"hidden md:flex items-center\">\n <a href=\"tel:09170000000\" class=\"gold-gradient-bg text-navy hover:bg-gold-light font-bold px-5 py-2.5 rounded-xl transition-all shadow-md hover:shadow-gold\/20 flex items-center gap-2 text-sm\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <span>\u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"flex md:hidden\">\n <button id=\"mobile-menu-btn\" type=\"button\" class=\"text-white hover:text-gold p-2 rounded-lg focus:outline-none\" aria-label=\"\u0645\u0646\u0648\">\n <i class=\"fa-solid fa-bars text-2xl\" id=\"menu-icon\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-navy-dark\/95 backdrop-blur-xl border-b border-gold\/20 px-4 pt-2 pb-6 transition-all duration-300\">\n <div class=\"flex flex-col space-y-2 font-medium\">\n <a href=\"#hero\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#about\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#services\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#why-us\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n <a href=\"#contact\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-gold\/10 hover:text-gold transition\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n <div class=\"pt-2\">\n <a href=\"tel:09170000000\" class=\"w-full gold-gradient-bg text-navy text-center font-bold py-3 rounded-xl block shadow-lg\">\n <i class=\"fa-solid fa-phone ml-2\"><\/i> \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\" class=\"relative min-h-screen pt-28 pb-20 flex items-center justify-center overflow-hidden\">\n \n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1920&q=80\" \n alt=\"\u0646\u0645\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\" \n class=\"w-full h-full object-cover object-center opacity-20 filter brightness-75\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy via-navy\/80 to-transparent\"><\/div>\n <div class=\"absolute inset-0 bg-radial-gradient from-transparent via-navy\/50 to-navy\"><\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 right-10 w-72 h-72 bg-gold\/10 rounded-full filter blur-3xl pointer-events-none animate-pulse\"><\/div>\n <div class=\"absolute bottom-10 left-10 w-96 h-96 bg-blue-600\/10 rounded-full filter blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal active\">\n \n \n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-card border border-gold\/30 text-gold text-xs sm:text-sm font-semibold mb-6\">\n <span class=\"w-2 h-2 rounded-full bg-gold animate-ping\"><\/span>\n <span>\u062f\u0631\u06af\u0627\u0647 \u0628\u0631\u062a\u0631 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631<\/span>\n <\/div>\n\n \n <h1 class=\"text-3xl sm:text-5xl lg:text-6xl font-black text-white leading-tight mb-6\">\n \u0628\u0631\u0646\u062f \u0644\u0648\u06a9\u0633 <span class=\"gold-gradient-text\">\u0631\u0627\u062f\u0648\u06cc\u0646<\/span> \u062f\u0631 \u06a9\u0646\u06af\u0627\u0646\n <\/h1>\n\n \n <p class=\"text-lg sm:text-2xl text-slate-300 font-light max-w-3xl mx-auto mb-10 leading-relaxed\">\n \u00ab\u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0644\u06a9\u060c \u0622\u06af\u0647\u06cc \u0648 \u0634\u063a\u0644 \u2014 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u06a9\u0646\u06af\u0627\u0646 \u062f\u0631 \u06cc\u06a9\u062c\u0627\u00bb\n <\/p>\n\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6\">\n <a href=\"#services\" class=\"w-full sm:w-auto gold-gradient-bg text-navy hover:opacity-95 font-extrabold text-lg px-8 py-4 rounded-xl shadow-xl hover:shadow-gold\/20 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-3\">\n <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a<\/span>\n <i class=\"fa-solid fa-arrow-left\"><\/i>\n <\/a>\n <a href=\"tel:09170000000\" class=\"w-full sm:w-auto glass-card text-white hover:bg-white\/10 font-bold text-lg px-8 py-4 rounded-xl transition-all border border-gold\/40 hover:border-gold flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-headset text-gold\"><\/i>\n <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mt-16 pt-10 border-t border-white\/10\">\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">+\u06f1\u06f0\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u0622\u06af\u0647\u06cc \u0641\u0639\u0627\u0644 \u0631\u0648\u0632\u0627\u0646\u0647<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">\u066a\u06f1\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u062a\u0636\u0645\u06cc\u0646 \u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0645\u0644\u0627\u06a9<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">+\u06f5\u06f0\u06f0<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0645\u062d\u0644\u06cc<\/div>\n <\/div>\n <div class=\"p-3\">\n <div class=\"text-2xl sm:text-3xl font-extrabold text-gold mb-1\">\u06f2\u06f4\/\u06f7<\/div>\n <div class=\"text-xs sm:text-sm text-slate-400\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-24 bg-cream text-slate-800 relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n \n \n <div class=\"relative reveal\">\n <div class=\"relative z-10 rounded-2xl overflow-hidden shadow-2xl border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=80\" \n alt=\"\u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u062f\u0631\u0646 \u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646\" \n class=\"w-full h-[400px] sm:h-[480px] object-cover hover:scale-105 transition-transform duration-700\">\n <\/div>\n \n <div class=\"absolute -bottom-6 -right-6 w-full h-full bg-gold\/20 rounded-2xl -z-0\"><\/div>\n <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-navy\/10 rounded-full filter blur-xl\"><\/div>\n <\/div>\n\n \n <div class=\"reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-gold\/10 text-gold-dark font-bold text-sm mb-4\">\n <i class=\"fa-solid fa-building\"><\/i>\n <span>\u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <\/div>\n\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-navy mb-6 leading-snug\">\n \u0645\u0631\u06a9\u0632 \u0647\u0648\u0634\u0645\u0646\u062f \u062e\u062f\u0645\u0627\u062a \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc <span class=\"text-gold-dark\">\u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646<\/span>\n <\/h2>\n\n <p class=\"text-base sm:text-lg text-slate-600 leading-relaxed mb-8 text-justify\">\n <strong>\u0631\u0627\u062f\u0648\u06cc\u0646<\/strong> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631\u06cc\u0646 \u0648 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u067e\u0648\u0631\u062a\u0627\u0644 \u0645\u062d\u0644\u06cc\u060c \u0628\u0627 \u0647\u062f\u0641 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0645\u0644\u0627\u06a9\u060c \u062f\u0631\u062c \u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062f\u0631 \u0634\u0647\u0631 \u0628\u0646\u062f\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0627 \u0628\u0633\u062a\u0631\u06cc \u0645\u062f\u0631\u0646\u060c \u0627\u0645\u0646 \u0648 \u0644\u0648\u06a9\u0633 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0622\u0648\u0631\u062f\u0647\u200c\u0627\u06cc\u0645 \u062a\u0627 \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u0627\u0646 \u0645\u062d\u0644\u06cc \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0641\u0631\u0635\u062a\u200c\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.\n <\/p>\n\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-lg bg-navy text-gold flex items-center justify-center shrink-0 mt-1\">\n <i class=\"fa-solid fa-check\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy text-base\">\u067e\u0648\u0634\u0634 \u06a9\u0627\u0645\u0644 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u0645\u0646\u0627\u0637\u0642 \u0627\u0637\u0631\u0627\u0641<\/h3>\n <p class=\"text-sm text-slate-500\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0627\u0642\u062a\u0635\u0627\u062f\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a\u06cc \u0645\u0646\u0637\u0642\u0647 \u067e\u0627\u0631\u0633 \u062c\u0646\u0648\u0628\u06cc \u0648 \u06a9\u0646\u06af\u0627\u0646<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-lg bg-navy text-gold flex items-center justify-center shrink-0 mt-1\">\n <i class=\"fa-solid fa-shield-halved\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-navy text-base\">\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627<\/h3>\n <p class=\"text-sm text-slate-500\">\u062a\u0627\u06cc\u06cc\u062f \u0635\u062d\u062a \u0622\u06af\u0647\u06cc\u200c\u0647\u0627 \u0648 \u0627\u0645\u0644\u0627\u06a9 \u062c\u0647\u062a \u0622\u0633\u0648\u062f\u06af\u06cc \u062e\u0627\u0637\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-24 bg-navy relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n \n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-gold font-bold text-sm tracking-wider uppercase mb-2 block\">\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0698\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-4\">\n \u0647\u0631 \u0622\u0646\u0686\u0647 \u062f\u0631 <span class=\"gold-gradient-text\">\u06a9\u0646\u06af\u0627\u0646<\/span> \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f\n <\/h2>\n <p class=\"text-slate-400 text-base\">\n \u0686\u0647\u0627\u0631 \u0645\u062d\u0648\u0631 \u0627\u0635\u0644\u06cc \u062e\u062f\u0645\u0627\u062a \u0631\u0627\u062f\u0648\u06cc\u0646 \u062c\u0647\u062a \u062a\u0633\u0631\u06cc\u0639 \u0627\u0645\u0648\u0631 \u0631\u0648\u0632\u0645\u0631\u0647 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u0645\u0627\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-store\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0645\u0639\u0631\u0641\u06cc \u0645\u062a\u062e\u0635\u0635\u06cc\u0646\u060c \u0627\u0635\u0646\u0627\u0641\u060c \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062e\u062f\u0645\u0627\u062a \u0645\u0639\u062a\u0628\u0631 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc', '\u0628\u0627\u0646\u06a9 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062c\u0627\u0645\u0639 \u0635\u0627\u062d\u0628\u0627\u0646 \u0645\u0634\u0627\u063a\u0644\u060c \u062a\u0639\u0645\u06cc\u0631\u06a9\u0627\u0631\u0627\u0646\u060c \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u062e\u062f\u0645\u0627\u062a \u062f\u0631\u0645\u0627\u0646\u06cc \u0648 \u0641\u0646\u06cc \u06a9\u0646\u06af\u0627\u0646 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-city\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0627\u0645\u0644\u0627\u06a9 (\u062e\u0631\u06cc\u062f\u060c \u0631\u0647\u0646 \u0648 \u0627\u062c\u0627\u0631\u0647)<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0628\u0632\u0631\u06af\u062a\u0631\u06cc\u0646 \u0645\u0631\u06a9\u0632 \u062e\u0631\u06cc\u062f\u060c \u0641\u0631\u0648\u0634\u060c \u0631\u0647\u0646 \u0648 \u0627\u062c\u0627\u0631\u0647 \u0622\u067e\u0627\u0631\u062a\u0645\u0627\u0646\u060c \u0632\u0645\u06cc\u0646 \u0648 \u0627\u0645\u0644\u0627\u06a9 \u062a\u062c\u0627\u0631\u06cc \u0648 \u0627\u062f\u0627\u0631\u06cc \u062f\u0631 \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0627\u0645\u0644\u0627\u06a9 \u06a9\u0646\u06af\u0627\u0646', '\u062c\u0633\u062a\u062c\u0648\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0641\u0627\u06cc\u0644\u0647\u0627\u06cc \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u0634\u062f\u0647 \u0645\u0633\u06a9\u0648\u0646\u06cc \u0648 \u062a\u062c\u0627\u0631\u06cc\u060c \u0648\u06cc\u0644\u0627\u0647\u0627\u06cc \u0633\u0627\u062d\u0644\u06cc \u0648 \u0632\u0645\u06cc\u0646\u200c\u0647\u0627\u06cc \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u0627 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0648\u0627\u0642\u0639\u06cc.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-bullhorn\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u060c \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0628\u06cc\u200c\u0648\u0627\u0633\u0637\u0647 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\u060c \u062e\u0648\u062f\u0631\u0648\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc \u0648 \u0644\u0648\u0627\u0632\u0645 \u0646\u0648 \u0648 \u062f\u0633\u062a \u062f\u0648\u0645.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc', '\u062f\u0631\u062c \u0633\u0631\u06cc\u0639 \u0622\u06af\u0647\u06cc \u0641\u0631\u0648\u0634 \u0648\u0633\u0627\u06cc\u0644 \u0634\u062e\u0635\u06cc\u060c \u062e\u0648\u062f\u0631\u0648 \u0648 \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u062c\u0647\u062a \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u062e\u0631\u06cc\u062f\u0627\u0631\u0627\u0646 \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 relative group flex flex-col justify-between reveal\">\n <div>\n <div class=\"w-16 h-16 rounded-2xl gold-gradient-bg flex items-center justify-center text-navy text-2xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n <i class=\"fa-solid fa-briefcase\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-gold transition-colors\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n \u0627\u062a\u0635\u0627\u0644 \u062c\u0648\u06cc\u0646\u062f\u06af\u0627\u0646 \u06a9\u0627\u0631 \u0648 \u0645\u062a\u062e\u0635\u0635\u06cc\u0646 \u0645\u0646\u0637\u0642\u0647 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u06a9\u0646\u06af\u0627\u0646.\n <\/p>\n <\/div>\n <button onclick=\"openModal('\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc', '\u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u060c \u062f\u0641\u062a\u0631\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0648 \u0627\u0635\u0646\u0627\u0641 \u0645\u062d\u0644\u06cc \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062b\u0628\u062a \u0631\u0632\u0648\u0645\u0647 \u062c\u0647\u062a \u062c\u0630\u0628 \u0646\u06cc\u0631\u0648.')\" class=\"w-full py-2.5 px-4 rounded-xl border border-gold\/30 text-gold hover:bg-gold hover:text-navy font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n <span>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/span>\n <i class=\"fa-solid fa-chevron-left text-xs\"><\/i>\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"why-us\" class=\"py-24 bg-cream text-slate-800 relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-gold-dark font-bold text-sm tracking-wider uppercase mb-2 block\">\u0628\u0631\u062a\u0631\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-navy mb-4\">\n \u0686\u0631\u0627 \u067e\u0648\u0631\u062a\u0627\u0644 <span class=\"text-gold-dark\">\u0631\u0627\u062f\u0648\u06cc\u0646<\/span> \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0648\u0644 \u0627\u0633\u062a\u061f\n <\/h2>\n <p class=\"text-slate-600\">\n \u062a\u0639\u0647\u062f \u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0628\u0633\u062a\u0631\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0627\u0632 \u0646\u0638\u0631 \u0633\u0631\u0639\u062a\u060c \u062f\u0642\u062a \u0648 \u0627\u0639\u062a\u0628\u0627\u0631 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0647\u0645\u0634\u0647\u0631\u06cc\u0627\u0646 \u06a9\u0646\u06af\u0627\u0646\u06cc \u0627\u0633\u062a.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-bolt\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u0637\u0631\u0627\u062d\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0648 \u0633\u0631\u06cc\u0639 \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0631\u0648\u0627\u0646 \u0631\u0648\u06cc \u06af\u0648\u0634\u06cc \u0648 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u062f\u0631 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-arrows-rotate\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0647\u200c\u0631\u0648\u0632<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u067e\u0627\u06cc\u0634 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0622\u06af\u0647\u06cc\u200c\u0647\u0627 \u0648 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631 \u0622\u06af\u0647\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062c\u062f\u06cc\u062f.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-shop\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062d\u0644\u06cc<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u062a\u0645\u0631\u06a9\u0632 \u0648\u06cc\u0698\u0647 \u0628\u0631 \u0627\u0642\u062a\u0635\u0627\u062f \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0648 \u062d\u0645\u0627\u06cc\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0645\u0634\u0627\u063a\u0644 \u0648 \u062e\u062f\u0645\u0627\u062a \u0645\u0646\u0637\u0642\u0647.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300 text-center reveal\">\n <div class=\"w-14 h-14 rounded-full bg-navy\/5 text-gold-dark flex items-center justify-center text-2xl mx-auto mb-6\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-navy mb-3\">\u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0622\u0633\u0627\u0646<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u062f\u0647 \u0648 \u0627\u0645\u06a9\u0627\u0646 \u062f\u0631\u062c \u0622\u06af\u0647\u06cc \u0648 \u062c\u0633\u062a\u062c\u0648\u06cc \u0622\u0633\u0627\u0646 \u0628\u062f\u0648\u0646 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc.\n <\/p>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-24 bg-navy relative overflow-hidden\">\n \n \n <div class=\"absolute -right-20 -bottom-20 w-80 h-80 bg-gold\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"glass-card rounded-3xl p-8 sm:p-12 lg:p-16 border border-gold\/30\">\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n \n \n <div class=\"reveal\">\n <span class=\"text-gold font-bold text-sm tracking-wider uppercase mb-2 block\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-6\">\n \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 <span class=\"gold-gradient-text\">\u06a9\u0646\u06af\u0627\u0646<\/span> \u0647\u0633\u062a\u06cc\u0645\n <\/h2>\n <p class=\"text-slate-300 text-base mb-8 leading-relaxed\">\n \u062c\u0647\u062a \u062b\u0628\u062a \u0622\u06af\u0647\u06cc \u0648\u06cc\u0698\u0647\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0631\u06cc\u062f \u0648 \u0627\u062c\u0627\u0631\u0647 \u0645\u0644\u06a9 \u06cc\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u063a\u0644 \u0645\u062d\u0644\u06cc \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.\n <\/p>\n\n <div class=\"space-y-6\">\n \n <a href=\"tel:09170000000\" class=\"flex items-center gap-4 text-white hover:text-gold transition group\">\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-xl shrink-0 group-hover:scale-105 transition-transform\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/div>\n <div class=\"text-lg font-bold\">09170000000<\/div>\n <\/div>\n <\/a>\n\n <div class=\"flex items-center gap-4 text-white\">\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-xl shrink-0\">\n <i class=\"fa-solid fa-location-dot\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400\">\u0622\u062f\u0631\u0633 \u0645\u0631\u06a9\u0632\u06cc<\/div>\n <div class=\"text-base font-bold\">\u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631\u060c \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\u060c \u0645\u0631\u06a9\u0632 \u0634\u0647\u0631\u060c \u062f\u0641\u062a\u0631 \u0631\u0627\u062f\u0648\u06cc\u0646<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"mt-10 pt-8 border-t border-white\/10\">\n <span class=\"text-sm text-slate-400 block mb-4\">\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/span>\n <div class=\"flex items-center gap-4\">\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\n <i class=\"fa-brands fa-instagram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\n <i class=\"fa-brands fa-telegram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-11 h-11 rounded-xl glass-card border border-gold\/30 hover:border-gold text-gold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bg-navy-dark\/80 p-8 sm:p-10 rounded-2xl border border-gold\/20 text-center reveal\">\n <div class=\"w-20 h-20 rounded-full gold-gradient-bg flex items-center justify-center text-navy text-3xl font-black mx-auto mb-6 shadow-xl\">\n <i class=\"fa-solid fa-paper-plane\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-4\">\u062b\u0628\u062a \u0633\u0631\u06cc\u0639 \u0622\u06af\u0647\u06cc \u062f\u0631 \u0631\u0627\u062f\u0648\u06cc\u0646<\/h3>\n <p class=\"text-slate-400 text-sm mb-8 leading-relaxed\">\n \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u0645\u0644\u06a9\u060c \u0634\u063a\u0644 \u06cc\u0627 \u0622\u06af\u0647\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u0628\u0633\u062a\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0628\u0647 \u062f\u06cc\u062f \u0647\u0632\u0627\u0631\u0627\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0627\u0644 \u0628\u0631\u0633\u0627\u0646\u06cc\u062f.\n <\/p>\n <a href=\"tel:09170000000\" class=\"w-full gold-gradient-bg text-navy hover:opacity-95 font-extrabold text-lg py-4 rounded-xl shadow-lg block transition-all hover:shadow-gold\/30\">\n \u062b\u0628\u062a \u0622\u06af\u0647\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-navy-dark text-slate-400 py-12 border-t border-white\/10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-10 pb-8 border-b border-white\/5\">\n \n \n <div>\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-9 h-9 rounded-lg gold-gradient-bg flex items-center justify-center text-navy font-black text-xl\">\n \u0631\n <\/div>\n <span class=\"text-2xl font-extrabold text-white\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646<\/span>\n <\/div>\n <p class=\"text-xs sm:text-sm text-slate-400 leading-relaxed\">\n \u0645\u0631\u06a9\u0632 \u0647\u0648\u0634\u0645\u0646\u062f \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9\u060c \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646. \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u062f\u0631\u0646 \u0648 \u0634\u0627\u06cc\u0633\u062a\u0647 \u0634\u0647\u0631\u0648\u0646\u062f\u0627\u0646 \u06af\u0631\u0627\u0645\u06cc.\n <\/p>\n <\/div>\n\n \n <div class=\"md:text-center\">\n <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-gold pr-2 inline-block\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n <ul class=\"space-y-2 text-xs sm:text-sm\">\n <li><a href=\"#hero\" class=\"hover:text-gold transition\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n <li><a href=\"#about\" class=\"hover:text-gold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a><\/li>\n <li><a href=\"#services\" class=\"hover:text-gold transition\">\u062e\u062f\u0645\u0627\u062a \u0648 \u0645\u0634\u0627\u063a\u0644<\/a><\/li>\n <li><a href=\"#why-us\" class=\"hover:text-gold transition\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-gold pr-2 inline-block\">\u0646\u0634\u0627\u0646\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646<\/h4>\n <p class=\"text-xs sm:text-sm leading-relaxed mb-3\">\n \u0627\u0633\u062a\u0627\u0646 \u0628\u0648\u0634\u0647\u0631\u060c \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0627\u0635\u0644\u06cc\u060c \u067e\u0648\u0631\u062a\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646\n <\/p>\n <p class=\"text-xs text-gold\">\n <i class=\"fa-solid fa-clock ml-1\"><\/i> \u0633\u0627\u0639\u062a \u06a9\u0627\u0631\u06cc: \u06f8 \u0635\u0628\u062d \u0627\u0644\u06cc \u06f9 \u0634\u0628\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row items-center justify-between text-xs text-slate-500 gap-4\">\n <p>\u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0628\u0631\u0646\u062f <span class=\"text-gold\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u06a9\u0646\u06af\u0627\u0646<\/span> \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n <p>\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0644\u0648\u06a9\u0633 \u0648\u0628<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"service-modal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/80 backdrop-blur-sm p-4\">\n <div class=\"bg-navy-card border border-gold\/40 rounded-2xl max-w-lg w-full p-6 sm:p-8 relative shadow-2xl animate-fade-in\">\n <button onclick=\"closeModal()\" class=\"absolute top-4 left-4 text-slate-400 hover:text-white text-xl p-2\" aria-label=\"\u0628\u0633\u062a\u0646\">\n <i class=\"fa-solid fa-xmark\"><\/i>\n <\/button>\n <div class=\"w-12 h-12 rounded-xl gold-gradient-bg text-navy flex items-center justify-center text-2xl font-bold mb-4\">\n <i class=\"fa-solid fa-circle-info\"><\/i>\n <\/div>\n <h3 id=\"modal-title\" class=\"text-xl font-bold text-white mb-3\"><\/h3>\n <p id=\"modal-description\" class=\"text-slate-300 text-sm leading-relaxed mb-6\"><\/p>\n <div class=\"flex justify-end gap-3\">\n <a href=\"tel:09170000000\" class=\"gold-gradient-bg text-navy font-bold text-sm px-5 py-2.5 rounded-xl hover:opacity-90 transition\">\n \u062a\u0645\u0627\u0633 \u062c\u0647\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\n <\/a>\n <button onclick=\"closeModal()\" class=\"px-4 py-2.5 rounded-xl bg-white\/10 text-white text-sm font-semibold hover:bg-white\/20 transition\">\n \u0628\u0633\u062a\u0646\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0648\u06cc \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\n const menuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const menuIcon = document.getElementById('menu-icon');\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\n\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n if (mobileMenu.classList.contains('hidden')) {\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n } else {\n menuIcon.classList.remove('fa-bars');\n menuIcon.classList.add('fa-xmark');\n }\n });\n\n \/\/ \u0628\u0633\u062a\u0646 \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\n mobileNavLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n });\n });\n\n \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0638\u0647\u0648\u0631 \u0639\u0646\u0627\u0635\u0631 (Reveal-on-scroll)\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.reveal');\n const windowHeight = window.innerHeight;\n \n reveals.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 100;\n \n if (elementTop < windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', revealOnScroll);\n \/\/ \u0627\u062c\u0631\u0627\u06cc \u06cc\u06a9\u0628\u0627\u0631\u0647 \u0628\u0631\u0627\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647\n revealOnScroll();\n\n \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062f\u0627\u0644 \u062a\u0639\u0627\u0645\u0644\u06cc\n function openModal(title, description) {\n document.getElementById('modal-title').innerText = title;\n document.getElementById('modal-description').innerText = description;\n const modal = document.getElementById('service-modal');\n modal.classList.remove('hidden');\n modal.classList.add('flex');\n }\n\n function closeModal() {\n const modal = document.getElementById('service-modal');\n modal.classList.add('hidden');\n modal.classList.remove('flex');\n }\n\n \/\/ \u0628\u0633\u062a\u0646 \u0645\u062f\u0627\u0644 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0644\u06cc\u06a9 \u0628\u06cc\u0631\u0648\u0646 \u0622\u0646\n window.addEventListener('click', (e) => {\n const modal = document.getElementById('service-modal');\n if (e.target === modal) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>\u0631\u0627\u062f\u0648\u06cc\u0646 | \u062f\u0631\u06af\u0627\u0647 \u062c\u0627\u0645\u0639 \u062e\u062f\u0645\u0627\u062a\u060c \u0627\u0645\u0644\u0627\u06a9 \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0634\u0647\u0631 \u06a9\u0646\u06af\u0627\u0646 \u0631 \u0631\u0627\u062f\u0648\u06cc\u0646 R A D W I N \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":8,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}