{"id":298,"date":"2026-05-31T16:58:13","date_gmt":"2026-05-31T16:58:13","guid":{"rendered":"https:\/\/1001podarok.uz\/?page_id=298"},"modified":"2026-05-31T17:17:46","modified_gmt":"2026-05-31T17:17:46","slug":"firdavs_okna","status":"publish","type":"page","link":"https:\/\/1001podarok.uz\/index.php\/firdavs_okna\/","title":{"rendered":"\u041e\u043a\u043d\u0430 \u0424\u0438\u0440\u0434\u0430\u0432\u0441"},"content":{"rendered":"\n\n<style>\n\/* ==================================================\n   PREMIUM WINDOWS LANDING\n   Full width + fixed header + premium animation + SVG icons + demo form\n================================================== *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  overflow-x: hidden;\n}\n\n.pw-landing,\n.pw-landing * {\n  box-sizing: border-box;\n}\n\n.pw-landing {\n  --pw-gold: #b9822f;\n  --pw-gold-dark: #8f5f1d;\n  --pw-gold-light: #f4dfb8;\n  --pw-dark: #151515;\n  --pw-text: #242424;\n  --pw-muted: #6d6d6d;\n  --pw-line: rgba(20, 20, 20, 0.1);\n  --pw-bg: #f7f3ed;\n  --pw-white: #ffffff;\n\n  position: relative !important;\n  left: 50% !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: -50vw !important;\n  margin-right: 0 !important;\n  padding-top: 78px !important;\n  overflow-x: hidden !important;\n  isolation: isolate;\n\n  background:\n    radial-gradient(circle at 12% 12%, rgba(185, 130, 47, 0.12), transparent 28%),\n    radial-gradient(circle at 88% 18%, rgba(185, 130, 47, 0.08), transparent 32%),\n    linear-gradient(180deg, #ffffff 0%, #f8f3ea 45%, #ffffff 100%);\n  color: var(--pw-text);\n  font-family: Inter, Arial, sans-serif;\n}\n\n.pw-landing::before {\n  content: \"\";\n  position: fixed;\n  inset: -30%;\n  z-index: -2;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      120deg,\n      transparent 0%,\n      rgba(255, 255, 255, 0.18) 38%,\n      rgba(185, 130, 47, 0.10) 48%,\n      rgba(255, 255, 255, 0.18) 58%,\n      transparent 72%\n    );\n  transform: translateX(-35%) rotate(8deg);\n  animation: pwLuxuryLight 12s ease-in-out infinite;\n  opacity: 0.5;\n}\n\n@keyframes pwLuxuryLight {\n  0% {\n    transform: translateX(-35%) rotate(8deg);\n    opacity: 0.22;\n  }\n  45% {\n    opacity: 0.55;\n  }\n  100% {\n    transform: translateX(35%) rotate(8deg);\n    opacity: 0.22;\n  }\n}\n\n.pw-landing a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.pw-container {\n  width: min(1180px, calc(100% - 32px));\n  margin: 0 auto;\n}\n\n.pw-header,\n.pw-hero,\n.pw-trust,\n.pw-section,\n.pw-contact,\n.pw-footer {\n  width: 100vw !important;\n  max-width: 100vw !important;\n}\n\n.pw-section {\n  padding: 76px 0;\n}\n\n.pw-section-title {\n  text-align: center !important;\n  margin-bottom: 38px;\n}\n\n.pw-section-title span {\n  display: block !important;\n  width: 100% !important;\n  margin: 0 0 12px 0 !important;\n  text-align: center !important;\n  color: var(--pw-gold) !important;\n  font-size: 13px !important;\n  font-weight: 800 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  line-height: 1.2 !important;\n}\n\n.pw-section-title h2 {\n  position: relative;\n  display: block !important;\n  width: 100% !important;\n  margin: 0 !important;\n  text-align: center !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(32px, 4vw, 48px) !important;\n  font-weight: 500 !important;\n  line-height: 1.08 !important;\n  color: #1c1c1c !important;\n}\n\n.pw-section-title h2::after {\n  content: \"\";\n  display: block !important;\n  width: 76px;\n  height: 2px;\n  margin: 18px auto 0 !important;\n  background: linear-gradient(90deg, transparent, var(--pw-gold), transparent);\n  transform: scaleX(0);\n  transform-origin: center;\n  transition: transform 0.8s cubic-bezier(.2,.8,.2,1);\n}\n\n.pw-section-title.pw-visible h2::after {\n  transform: scaleX(1);\n}\n\n.pw-section-title p {\n  max-width: 680px;\n  margin: 16px auto 0 !important;\n  color: #666666 !important;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\/* ================= HEADER ================= *\/\n\n.pw-header {\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  z-index: 99999 !important;\n\n  background: rgba(255, 255, 255, 0.88) !important;\n  backdrop-filter: blur(18px) !important;\n  -webkit-backdrop-filter: blur(18px) !important;\n\n  border-bottom: 1px solid rgba(20, 20, 20, 0.08) !important;\n  box-shadow: 0 12px 35px rgba(20, 20, 20, 0.08) !important;\n  animation: pwHeaderDown 0.75s cubic-bezier(.2,.8,.2,1) both;\n}\n\nbody.admin-bar .pw-header {\n  top: 32px !important;\n}\n\n@media (max-width: 782px) {\n  body.admin-bar .pw-header {\n    top: 46px !important;\n  }\n}\n\n@keyframes pwHeaderDown {\n  from {\n    opacity: 0;\n    transform: translateY(-22px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.pw-header-inner {\n  height: 78px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.pw-logo {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.05;\n}\n\n.pw-logo strong {\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 25px;\n  font-weight: 500;\n  color: var(--pw-gold) !important;\n}\n\n.pw-logo small {\n  margin-top: 5px;\n  color: #777 !important;\n  font-size: 11px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.pw-nav {\n  display: flex;\n  align-items: center;\n  gap: 25px;\n  color: #222;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.pw-nav a {\n  position: relative;\n  color: #222 !important;\n  opacity: 0.86;\n  transition: 0.25s ease;\n}\n\n.pw-nav a:hover {\n  color: var(--pw-gold) !important;\n  opacity: 1;\n}\n\n.pw-nav a::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -9px;\n  width: 0;\n  height: 2px;\n  background: var(--pw-gold);\n  transition: 0.25s ease;\n}\n\n.pw-nav a:hover::after {\n  width: 100%;\n}\n\n\/* ================= BUTTONS ================= *\/\n\n.pw-btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 0 24px;\n  border-radius: 999px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 800;\n  transition: 0.25s ease;\n  white-space: nowrap;\n  text-decoration: none !important;\n}\n\n.pw-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -40%;\n  left: -80%;\n  width: 45%;\n  height: 180%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 255, 255, 0.45),\n    transparent\n  );\n  transform: rotate(18deg);\n  transition: 0.7s ease;\n}\n\n.pw-btn:hover::before {\n  left: 130%;\n}\n\n.pw-btn-gold {\n  color: #fff !important;\n  background: linear-gradient(135deg, #c8953d, #9b651f);\n  box-shadow: 0 12px 26px rgba(185, 130, 47, 0.28);\n}\n\n.pw-btn-gold:hover {\n  color: #fff !important;\n  transform: translateY(-2px);\n  box-shadow: 0 18px 34px rgba(185, 130, 47, 0.35);\n}\n\n.pw-btn-outline {\n  color: #1e1e1e !important;\n  background: rgba(255, 255, 255, 0.65);\n  border-color: rgba(20, 20, 20, 0.18);\n}\n\n.pw-btn-outline:hover {\n  border-color: var(--pw-gold);\n  color: var(--pw-gold) !important;\n}\n\n\/* ================= HERO ================= *\/\n\n.pw-hero {\n  position: relative;\n  min-height: 720px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  background: #f8f3ea;\n}\n\n.pw-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    linear-gradient(90deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.88) 34%, rgba(255,255,255,0.22) 62%, rgba(255,255,255,0.05) 100%),\n    url(\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=85\");\n  background-size: cover;\n  background-position: center;\n  transform: scale(1);\n  animation: pwHeroZoom 16s ease-in-out infinite alternate;\n}\n\n@keyframes pwHeroZoom {\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(1.06);\n  }\n}\n\n.pw-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0 0;\n  z-index: 1;\n  height: 170px;\n  background: linear-gradient(180deg, transparent, #fff);\n  pointer-events: none;\n}\n\n.pw-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 640px;\n  padding: 80px 0 130px;\n  animation: pwHeroTextIn 1.1s cubic-bezier(.2,.8,.2,1) both;\n}\n\n@keyframes pwHeroTextIn {\n  from {\n    opacity: 0;\n    transform: translateY(35px);\n    filter: blur(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n    filter: blur(0);\n  }\n}\n\n.pw-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 22px;\n  padding: 9px 14px;\n  border-radius: 999px;\n  background: rgba(185, 130, 47, 0.1);\n  color: var(--pw-gold-dark) !important;\n  font-size: 13px;\n  font-weight: 800;\n  border: 1px solid rgba(185, 130, 47, 0.18);\n}\n\n.pw-badge i {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--pw-gold);\n  box-shadow: 0 0 0 6px rgba(185, 130, 47, 0.13);\n}\n\n.pw-hero h1 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(46px, 6vw, 78px) !important;\n  font-weight: 500 !important;\n  line-height: 0.98 !important;\n  letter-spacing: -0.04em;\n  color: #151515 !important;\n}\n\n.pw-hero h1 em {\n  color: var(--pw-gold) !important;\n  font-style: normal;\n}\n\n.pw-hero p {\n  max-width: 540px;\n  margin: 24px 0 0;\n  color: #555 !important;\n  font-size: 18px;\n  line-height: 1.8;\n}\n\n.pw-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.pw-hero-mini {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  margin-top: 42px;\n  max-width: 650px;\n}\n\n.pw-hero-mini-item {\n  padding: 18px;\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.74);\n  border: 1px solid rgba(20, 20, 20, 0.08);\n  box-shadow: 0 18px 44px rgba(20, 20, 20, 0.08);\n}\n\n.pw-hero-mini-item strong {\n  display: block;\n  margin-bottom: 5px;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 28px;\n  font-weight: 500;\n  color: #191919 !important;\n}\n\n.pw-hero-mini-item span {\n  color: #666 !important;\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n\/* ================= ICONS ================= *\/\n\n.pw-icon,\n.pw-card-icon {\n  flex: 0 0 48px;\n  width: 48px;\n  height: 48px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  color: var(--pw-gold) !important;\n  background:\n    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.9), transparent 35%),\n    linear-gradient(135deg, rgba(185,130,47,0.15), rgba(185,130,47,0.06));\n  border: 1px solid rgba(185, 130, 47, 0.24);\n}\n\n.pw-icon svg,\n.pw-card-icon svg,\n.pw-form svg {\n  stroke: currentColor;\n  stroke-width: 1.7;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pw-icon svg,\n.pw-card-icon svg {\n  width: 25px;\n  height: 25px;\n}\n\n.pw-card-icon {\n  background:\n    linear-gradient(180deg, #ffffff 0%, #fff8ec 100%);\n  border: 1px solid rgba(185, 130, 47, 0.28);\n  color: var(--pw-gold) !important;\n}\n\n.pw-icon,\n.pw-card-icon {\n  transition:\n    transform 0.35s cubic-bezier(.2,.8,.2,1),\n    background 0.35s ease,\n    color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.pw-trust-item:hover .pw-icon,\n.pw-stat:hover .pw-icon,\n.pw-card:hover .pw-card-icon {\n  transform: translateY(-4px) rotate(-3deg);\n  color: #fff !important;\n  background: linear-gradient(135deg, #c8953d, #8f5f1d);\n  box-shadow: 0 16px 34px rgba(185,130,47,0.28);\n}\n\n.pw-card:hover .pw-card-icon svg,\n.pw-stat:hover .pw-icon svg,\n.pw-trust-item:hover .pw-icon svg {\n  animation: pwIconStroke 0.8s ease both;\n}\n\n@keyframes pwIconStroke {\n  0% {\n    transform: scale(0.88);\n    opacity: 0.45;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n\/* ================= TRUST ================= *\/\n\n.pw-trust {\n  position: relative;\n  z-index: 5;\n  margin-top: -80px;\n}\n\n.pw-trust-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  background: rgba(255, 255, 255, 0.92);\n  border: 1px solid rgba(20, 20, 20, 0.08);\n  border-radius: 28px;\n  box-shadow: 0 26px 70px rgba(20, 20, 20, 0.12);\n  overflow: hidden;\n  will-change: transform;\n}\n\n.pw-trust-item {\n  padding: 28px 24px;\n  display: flex;\n  gap: 16px;\n  border-right: 1px solid rgba(20, 20, 20, 0.08);\n}\n\n.pw-trust-item:last-child {\n  border-right: none;\n}\n\n.pw-trust-item h3 {\n  margin: 0 0 7px;\n  font-size: 15px;\n  color: #1e1e1e !important;\n}\n\n.pw-trust-item p {\n  margin: 0;\n  color: #666 !important;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\/* ================= CARDS ================= *\/\n\n.pw-services-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 18px;\n}\n\n.pw-card,\n.pw-project,\n.pw-review,\n.pw-stat {\n  overflow: hidden;\n  border-radius: 28px;\n  background: #fff;\n  border: 1px solid rgba(20, 20, 20, 0.08);\n  box-shadow: 0 20px 44px rgba(20, 20, 20, 0.08);\n  transition:\n    transform 0.42s cubic-bezier(.2,.8,.2,1),\n    box-shadow 0.42s cubic-bezier(.2,.8,.2,1),\n    border-color 0.42s ease;\n  will-change: transform;\n}\n\n.pw-card:hover,\n.pw-project:hover,\n.pw-review:hover,\n.pw-stat:hover {\n  transform: translateY(-10px) scale(1.012);\n  border-color: rgba(185, 130, 47, 0.28);\n  box-shadow: 0 32px 78px rgba(20, 20, 20, 0.15);\n}\n\n.pw-photo {\n  min-height: 170px;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.25)),\n    var(--img);\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.75s cubic-bezier(.2,.8,.2,1), filter 0.75s ease;\n}\n\n.pw-card:hover .pw-photo,\n.pw-project:hover .pw-photo {\n  transform: scale(1.06);\n  filter: saturate(1.05) contrast(1.03);\n}\n\n.pw-card-body {\n  position: relative;\n  padding: 24px 22px 24px;\n}\n\n.pw-card-icon {\n  margin-top: -48px;\n  margin-bottom: 18px;\n  box-shadow: 0 12px 24px rgba(20, 20, 20, 0.12);\n}\n\n.pw-card h3 {\n  margin: 0 0 10px;\n  color: #1e1e1e !important;\n  font-size: 18px;\n  line-height: 1.25;\n}\n\n.pw-card p {\n  margin: 0 0 18px;\n  color: #666 !important;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.pw-more {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--pw-gold) !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n}\n\n\/* ================= WHY ================= *\/\n\n.pw-why {\n  background:\n    radial-gradient(circle at 20% 20%, rgba(185,130,47,0.08), transparent 32%),\n    linear-gradient(180deg, #fff, #faf6ef);\n}\n\n.pw-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.pw-stat {\n  padding: 34px 26px;\n  text-align: center;\n}\n\n.pw-stat .pw-icon {\n  margin: 0 auto 16px;\n}\n\n.pw-stat strong {\n  display: block;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 46px;\n  font-weight: 500;\n  line-height: 1;\n  background: linear-gradient(135deg, #151515, #9b651f);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent !important;\n}\n\n.pw-stat span {\n  display: block;\n  margin-top: 9px;\n  color: var(--pw-gold) !important;\n  font-weight: 800;\n  font-size: 14px;\n}\n\n.pw-stat p {\n  margin: 14px 0 0;\n  color: #666 !important;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\/* ================= PORTFOLIO ================= *\/\n\n.pw-portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.pw-project {\n  border-radius: 30px;\n}\n\n.pw-project .pw-photo {\n  min-height: 250px;\n}\n\n.pw-project-info {\n  padding: 22px 24px 24px;\n}\n\n.pw-project-info h3 {\n  margin: 0 0 8px;\n  font-size: 19px;\n  color: #1e1e1e !important;\n}\n\n.pw-project-info p {\n  margin: 0 0 14px;\n  color: #666 !important;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\/* ================= PROCESS ================= *\/\n\n.pw-process {\n  background: #fff;\n}\n\n.pw-steps {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 18px;\n}\n\n.pw-steps::before {\n  content: \"\";\n  position: absolute;\n  left: 8%;\n  right: 8%;\n  top: 38px;\n  border-top: 1px dashed rgba(185, 130, 47, 0.45);\n}\n\n.pw-step {\n  position: relative;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.pw-step-number {\n  position: relative;\n  z-index: 2;\n  width: 76px;\n  height: 76px;\n  margin: 0 auto 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #fff !important;\n  background: linear-gradient(135deg, #c8953d, #9b651f);\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 28px;\n  box-shadow: 0 18px 32px rgba(185, 130, 47, 0.22);\n}\n\n.pw-step-number::after {\n  content: \"\";\n  position: absolute;\n  inset: -8px;\n  border-radius: 50%;\n  border: 1px solid rgba(185, 130, 47, 0.35);\n  animation: pwPulse 2.4s ease-in-out infinite;\n}\n\n@keyframes pwPulse {\n  0% {\n    transform: scale(0.86);\n    opacity: 0.55;\n  }\n  70% {\n    transform: scale(1.18);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1.18);\n    opacity: 0;\n  }\n}\n\n.pw-step h3 {\n  margin: 0 0 9px;\n  font-size: 17px;\n  color: #1e1e1e !important;\n}\n\n.pw-step p {\n  margin: 0;\n  color: #666 !important;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\/* ================= REVIEWS ================= *\/\n\n.pw-reviews {\n  background: linear-gradient(180deg, #faf6ef 0%, #ffffff 100%);\n}\n\n.pw-reviews-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.pw-review {\n  position: relative;\n  padding: 28px;\n  border-radius: 30px;\n}\n\n.pw-review::after {\n  content: \"\u201d\";\n  position: absolute;\n  right: 24px;\n  bottom: 8px;\n  font-family: Georgia, serif;\n  font-size: 100px;\n  line-height: 1;\n  color: rgba(185, 130, 47, 0.13);\n}\n\n.pw-review-top {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n\n.pw-avatar {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background:\n    linear-gradient(135deg, rgba(185,130,47,0.25), rgba(255,255,255,0.2)),\n    var(--img);\n  background-size: cover;\n  background-position: center;\n  border: 3px solid #fff;\n  box-shadow: 0 10px 22px rgba(20,20,20,0.12);\n}\n\n.pw-review h3 {\n  margin: 0;\n  font-size: 16px;\n  color: #1e1e1e !important;\n}\n\n.pw-stars {\n  margin-top: 5px;\n  color: var(--pw-gold) !important;\n  letter-spacing: 2px;\n  font-size: 13px;\n}\n\n.pw-review p {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  color: #555 !important;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* ================= CONTACT \/ FORM ================= *\/\n\n.pw-contact {\n  padding: 84px 0;\n}\n\n.pw-cta {\n  display: grid;\n  grid-template-columns: 0.95fr 1.05fr;\n  gap: 0;\n  overflow: hidden;\n  border-radius: 36px;\n  background:\n    linear-gradient(135deg, rgba(16,16,16,0.96), rgba(47,38,28,0.94)),\n    url(\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=85\");\n  background-size: cover;\n  background-position: center;\n  box-shadow: 0 32px 80px rgba(20,20,20,0.18);\n  will-change: transform;\n  animation: pwCtaFloat 6s ease-in-out infinite;\n}\n\n@keyframes pwCtaFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-6px);\n  }\n}\n\n.pw-cta-left {\n  padding: 56px;\n  color: #ffffff !important;\n}\n\n.pw-cta-left span {\n  display: block;\n  color: #f4dfb8 !important;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.pw-cta-left h2 {\n  margin: 14px 0 18px;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(34px, 4vw, 54px) !important;\n  font-weight: 500 !important;\n  line-height: 1.08 !important;\n  color: #ffffff !important;\n}\n\n.pw-cta-left p {\n  max-width: 460px;\n  margin: 0;\n  color: rgba(255,255,255,0.78) !important;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n.pw-phone-box {\n  margin-top: 34px;\n  padding: 22px;\n  border-radius: 24px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.14);\n}\n\n.pw-phone-box small {\n  display: block;\n  color: rgba(255,255,255,0.68) !important;\n  margin-bottom: 8px;\n}\n\n.pw-phone-box a {\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 34px;\n  text-decoration: none !important;\n}\n\n.pw-cta-right {\n  padding: 42px;\n  display: flex;\n  align-items: center;\n}\n\n.pw-form {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  padding: 34px;\n  border-radius: 28px;\n  background:\n    radial-gradient(circle at 90% 0%, rgba(185,130,47,0.14), transparent 34%),\n    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,250,242,0.96));\n  border: 1px solid rgba(255,255,255,0.7);\n  box-shadow: 0 22px 48px rgba(0,0,0,0.18);\n}\n\n.pw-form::before {\n  content: \"\";\n  position: absolute;\n  top: -80px;\n  right: -80px;\n  width: 190px;\n  height: 190px;\n  border-radius: 50%;\n  background: rgba(185,130,47,0.09);\n  pointer-events: none;\n}\n\n.pw-form::after {\n  content: \"\";\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  top: 0;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, #c8953d, transparent);\n}\n\n.pw-form-title {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  margin-bottom: 22px;\n}\n\n.pw-form-title-icon {\n  flex: 0 0 54px;\n  width: 54px;\n  height: 54px;\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff !important;\n  background: linear-gradient(135deg, #c8953d, #8f5f1d);\n  box-shadow: 0 16px 34px rgba(185,130,47,0.24);\n}\n\n.pw-form-title-icon svg {\n  width: 25px;\n  height: 25px;\n}\n\n.pw-form-title h3 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 30px;\n  font-weight: 500;\n  line-height: 1.1;\n  color: #181818 !important;\n}\n\n.pw-form-title p {\n  margin: 8px 0 0;\n  max-width: 440px;\n  color: #666 !important;\n  line-height: 1.55;\n  font-size: 14px;\n}\n\n.pw-form-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 14px;\n}\n\n.pw-field {\n  position: relative;\n}\n\n.pw-field svg {\n  position: absolute;\n  left: 16px;\n  top: 15px;\n  width: 20px;\n  height: 20px;\n  color: var(--pw-gold) !important;\n  pointer-events: none;\n}\n\n.pw-field input,\n.pw-field select,\n.pw-field textarea {\n  width: 100%;\n  min-height: 52px;\n  padding: 0 16px 0 48px;\n  border-radius: 15px;\n  border: 1px solid rgba(25,25,25,0.11);\n  background: rgba(255,255,255,0.9);\n  color: #222 !important;\n  outline: none;\n  font-size: 14px;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);\n  transition:\n    border-color 0.25s ease,\n    box-shadow 0.25s ease,\n    transform 0.25s ease;\n}\n\n.pw-field textarea {\n  min-height: 105px;\n  padding-top: 16px;\n  resize: vertical;\n}\n\n.pw-field input:hover,\n.pw-field select:hover,\n.pw-field textarea:hover {\n  border-color: rgba(185,130,47,0.35);\n}\n\n.pw-field input:focus,\n.pw-field select:focus,\n.pw-field textarea:focus {\n  transform: translateY(-2px);\n  border-color: rgba(185,130,47,0.65);\n  box-shadow: 0 0 0 4px rgba(185,130,47,0.11);\n}\n\n.pw-field-full {\n  grid-column: 1 \/ -1;\n}\n\n.pw-form-benefits {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 11px;\n  margin: 18px 0;\n}\n\n.pw-form-benefit {\n  padding: 12px 10px;\n  border-radius: 16px;\n  background: rgba(185,130,47,0.08);\n  border: 1px solid rgba(185,130,47,0.16);\n  color: #4a3921 !important;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.35;\n  text-align: center;\n}\n\n.pw-form-note {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  margin: 14px 0 18px;\n  padding: 13px 14px;\n  border-radius: 16px;\n  background: rgba(20,20,20,0.035);\n  color: #777 !important;\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n.pw-form-note svg {\n  flex: 0 0 18px;\n  width: 18px;\n  height: 18px;\n  margin-top: 1px;\n  color: var(--pw-gold) !important;\n}\n\n.pw-form .pw-btn {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  border: none;\n}\n\n.pw-form-status {\n  position: relative;\n  z-index: 2;\n  margin-top: 15px;\n  padding: 14px 16px;\n  display: flex;\n  gap: 11px;\n  align-items: center;\n  border-radius: 18px;\n  background: linear-gradient(135deg, rgba(185,130,47,0.11), rgba(255,255,255,0.72));\n  border: 1px solid rgba(185,130,47,0.18);\n  color: #4c3820 !important;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.pw-form-status svg {\n  width: 20px;\n  height: 20px;\n  color: var(--pw-gold) !important;\n}\n\n\/* ================= FOOTER ================= *\/\n\n.pw-footer {\n  background: #141414;\n  color: #fff;\n  padding: 54px 0 24px;\n}\n\n.pw-footer-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.9fr 1fr 1.1fr;\n  gap: 32px;\n}\n\n.pw-footer h3,\n.pw-footer h4 {\n  margin: 0 0 16px;\n}\n\n.pw-footer h3 {\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  color: var(--pw-gold-light) !important;\n  font-size: 28px;\n  font-weight: 500;\n}\n\n.pw-footer h4 {\n  color: #ffffff !important;\n}\n\n.pw-footer p,\n.pw-footer a,\n.pw-footer li {\n  color: rgba(255,255,255,0.66) !important;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.pw-footer ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.pw-footer a:hover {\n  color: var(--pw-gold-light) !important;\n}\n\n.pw-footer-bottom {\n  margin-top: 38px;\n  padding-top: 22px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  color: rgba(255,255,255,0.5) !important;\n  font-size: 13px;\n}\n\n\/* ================= REVEAL ANIMATION ================= *\/\n\n.pw-reveal {\n  opacity: 0;\n  transform: translateY(42px);\n  filter: blur(8px);\n  transition:\n    opacity 0.9s cubic-bezier(.2,.8,.2,1),\n    transform 0.9s cubic-bezier(.2,.8,.2,1),\n    filter 0.9s cubic-bezier(.2,.8,.2,1);\n}\n\n.pw-reveal.pw-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\/* ================= HARD WORDPRESS FIXES ================= *\/\n\n.pw-landing a,\n.pw-landing a:visited,\n.pw-landing a:hover,\n.pw-landing a:active {\n  text-decoration: none !important;\n}\n\n.pw-landing h1,\n.pw-landing h2,\n.pw-landing h3,\n.pw-landing h4,\n.pw-landing p,\n.pw-landing span,\n.pw-landing div,\n.pw-landing a,\n.pw-landing li {\n  text-transform: none;\n}\n\n.pw-section-title span,\n.pw-cta-left span,\n.pw-logo small {\n  text-transform: uppercase !important;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media (max-width: 1080px) {\n  .pw-nav {\n    display: none;\n  }\n\n  .pw-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pw-services-grid .pw-card:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n  .pw-trust-grid,\n  .pw-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pw-trust-item:nth-child(2) {\n    border-right: none;\n  }\n\n  .pw-trust-item {\n    border-bottom: 1px solid rgba(20,20,20,0.08);\n  }\n\n  .pw-trust-item:nth-child(3),\n  .pw-trust-item:nth-child(4) {\n    border-bottom: none;\n  }\n\n  .pw-portfolio-grid,\n  .pw-reviews-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pw-steps {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .pw-steps::before {\n    display: none;\n  }\n\n  .pw-step {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n\n  .pw-cta {\n    grid-template-columns: 1fr;\n  }\n\n  .pw-footer-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 720px) {\n  .pw-landing {\n    padding-top: 70px !important;\n  }\n\n  .pw-header-inner {\n    height: 70px;\n    padding: 10px 0;\n  }\n\n  .pw-logo small {\n    display: none;\n  }\n\n  .pw-logo strong {\n    font-size: 20px;\n  }\n\n  .pw-header .pw-btn {\n    min-height: 40px;\n    padding: 0 14px;\n    font-size: 12px;\n  }\n\n  .pw-hero {\n    min-height: auto;\n  }\n\n  .pw-hero::before {\n    animation: none;\n    background:\n      linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 52%, rgba(255,255,255,0.55) 100%),\n      url(\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=85\");\n    background-size: cover;\n    background-position: center;\n  }\n\n  .pw-hero-content {\n    padding: 72px 0 120px;\n  }\n\n  .pw-hero p {\n    font-size: 16px;\n  }\n\n  .pw-hero-mini {\n    grid-template-columns: 1fr;\n  }\n\n  .pw-trust {\n    margin-top: -60px;\n  }\n\n  .pw-trust-grid,\n  .pw-why-grid,\n  .pw-services-grid,\n  .pw-form-grid,\n  .pw-footer-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pw-services-grid .pw-card:last-child {\n    grid-column: auto;\n  }\n\n  .pw-trust-item {\n    border-right: none !important;\n    border-bottom: 1px solid rgba(20,20,20,0.08) !important;\n  }\n\n  .pw-trust-item:last-child {\n    border-bottom: none !important;\n  }\n\n  .pw-section {\n    padding: 58px 0;\n  }\n\n  .pw-cta-left,\n  .pw-cta-right {\n    padding: 28px;\n  }\n\n  .pw-phone-box a {\n    font-size: 25px;\n  }\n\n  .pw-form-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .pw-form-title {\n    flex-direction: column;\n  }\n\n  .pw-form {\n    padding: 24px;\n  }\n\n  .pw-footer-bottom {\n    flex-direction: column;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pw-landing *,\n  .pw-landing *::before,\n  .pw-landing *::after {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n<\/style>\n\n<div class=\"pw-landing\">\n\n  <!-- HEADER -->\n  <header class=\"pw-header\">\n    <div class=\"pw-container\">\n      <div class=\"pw-header-inner\">\n\n        <a href=\"#\" class=\"pw-logo\">\n          <strong>Premier Windows<\/strong>\n          <small>\u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043e\u043a\u043e\u043d<\/small>\n        <\/a>\n\n        <nav class=\"pw-nav\">\n          <a href=\"#pw-services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\n          <a href=\"#pw-why\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/a>\n          <a href=\"#pw-works\">\u0420\u0430\u0431\u043e\u0442\u044b<\/a>\n          <a href=\"#pw-process\">\u042d\u0442\u0430\u043f\u044b<\/a>\n          <a href=\"#pw-reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\n          <a href=\"#pw-contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n        <\/nav>\n\n        <a href=\"#pw-contact\" class=\"pw-btn pw-btn-gold\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044e<\/a>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- HERO -->\n  <section class=\"pw-hero\">\n    <div class=\"pw-container\">\n      <div class=\"pw-hero-content\">\n\n        <div class=\"pw-badge\"><i><\/i> \u041e\u043a\u043d\u0430 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439<\/div>\n\n        <h1>\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 <em>\u043e\u043a\u043e\u043d<\/em><\/h1>\n\n        <p>\n          \u041f\u043b\u0430\u0441\u0442\u0438\u043a\u043e\u0432\u044b\u0435, \u0430\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u044b\u0435 \u0438 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0435 \u043e\u043a\u043d\u0430 \u0434\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440, \u0434\u043e\u043c\u043e\u0432 \u0438 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.\n          \u0410\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436, \u0442\u043e\u0447\u043d\u044b\u0439 \u0437\u0430\u043c\u0435\u0440 \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434.\n        <\/p>\n\n        <div class=\"pw-hero-actions\">\n          <a href=\"#pw-contact\" class=\"pw-btn pw-btn-gold\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/a>\n          <a href=\"#pw-works\" class=\"pw-btn pw-btn-outline\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b<\/a>\n        <\/div>\n\n        <div class=\"pw-hero-mini\">\n          <div class=\"pw-hero-mini-item\">\n            <strong>10 \u043b\u0435\u0442<\/strong>\n            <span>\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u043e\u043a\u043d\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436<\/span>\n          <\/div>\n          <div class=\"pw-hero-mini-item\">\n            <strong>2500+<\/strong>\n            <span>\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/span>\n          <\/div>\n          <div class=\"pw-hero-mini-item\">\n            <strong>1 \u0434\u0435\u043d\u044c<\/strong>\n            <span>\u0437\u0430\u043c\u0435\u0440 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TRUST -->\n  <section class=\"pw-trust\">\n    <div class=\"pw-container\">\n      <div class=\"pw-trust-grid\">\n\n        <div class=\"pw-trust-item\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3l7 3v5c0 5-3.2 8.7-7 10-3.8-1.3-7-5-7-10V6l7-3z\"\/>\n              <path d=\"M8.5 12l2.2 2.2 4.8-5\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\n            <p>\u041f\u0440\u043e\u0444\u0438\u043b\u0438, \u0441\u0442\u0435\u043a\u043b\u043e\u043f\u0430\u043a\u0435\u0442\u044b \u0438 \u0444\u0443\u0440\u043d\u0438\u0442\u0443\u0440\u0430 \u043e\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pw-trust-item\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 4c-8 1-13 6-14 14\"\/>\n              <path d=\"M20 4c1 8-4 13-12 14\"\/>\n              <path d=\"M8 16c3-1 6-4 8-8\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>\u042d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/h3>\n            <p>\u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0435\u043f\u043b\u043e \u0437\u0438\u043c\u043e\u0439 \u0438 \u043f\u0440\u043e\u0445\u043b\u0430\u0434\u0443 \u043b\u0435\u0442\u043e\u043c, \u0441\u043d\u0438\u0436\u0430\u044f \u0440\u0430\u0441\u0445\u043e\u0434\u044b.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pw-trust-item\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n              <path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>\u0422\u043e\u0447\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430<\/h3>\n            <p>\u041c\u043e\u043d\u0442\u0430\u0436 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043a\u043e\u0441\u043e\u0432, \u0449\u0435\u043b\u0435\u0439, \u043f\u0440\u043e\u0434\u0443\u0432\u0430\u043d\u0438\u044f \u0438 \u043b\u0438\u0448\u043d\u0435\u0439 \u0433\u0440\u044f\u0437\u0438.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pw-trust-item\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M7 3h10v18l-5-3-5 3V3z\"\/>\n              <path d=\"M9 8h6M9 12h6\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u0434\u043e 10 \u043b\u0435\u0442<\/h3>\n            <p>\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES -->\n  <section class=\"pw-section\" id=\"pw-services\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-section-title\">\n        <span>\u0443\u0441\u043b\u0443\u0433\u0438<\/span>\n        <h2>\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438<\/h2>\n        <p>\u041f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u043e\u0431\u044a\u0435\u043a\u0442, \u0431\u044e\u0434\u0436\u0435\u0442 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d: \u043e\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043e\u043a\u043e\u043d \u0434\u043e \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0433\u043e \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u044f.<\/p>\n      <\/div>\n\n      <div class=\"pw-services-grid\">\n\n        <article class=\"pw-card\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=900&#038;q=80');\"><\/div>\n          <div class=\"pw-card-body\">\n            <div class=\"pw-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1.5\"\/>\n                <path d=\"M12 3v18\"\/>\n                <path d=\"M4 12h16\"\/>\n                <path d=\"M7 6h2\"\/>\n                <path d=\"M15 6h2\"\/>\n              <\/svg>\n            <\/div>\n            <h3>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u043b\u0430\u0441\u0442\u0438\u043a\u043e\u0432\u044b\u0445 \u043e\u043a\u043e\u043d<\/h3>\n            <p>\u041d\u0430\u0434\u0451\u0436\u043d\u044b\u0435 \u043e\u043a\u043d\u0430 \u0434\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440 \u0438 \u0434\u043e\u043c\u043e\u0432 \u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0442\u0435\u043f\u043b\u043e- \u0438 \u0448\u0443\u043c\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0435\u0439.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-card\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&#038;fit=crop&#038;w=900&#038;q=80');\"><\/div>\n          <div class=\"pw-card-body\">\n            <div class=\"pw-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"3.5\" y=\"4\" width=\"17\" height=\"16\" rx=\"1.5\"\/>\n                <path d=\"M8 4v16\"\/>\n                <path d=\"M16 4v16\"\/>\n                <path d=\"M3.5 10h17\"\/>\n                <path d=\"M3.5 15h17\"\/>\n              <\/svg>\n            <\/div>\n            <h3>\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u044b\u0435 \u043e\u043a\u043d\u0430 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h3>\n            <p>\u0421\u0442\u0438\u043b\u044c\u043d\u044b\u0435 \u0438 \u043f\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0444\u0430\u0441\u0430\u0434\u043e\u0432 \u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u043e\u0432.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-card\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=900&#038;q=80');\"><\/div>\n          <div class=\"pw-card-body\">\n            <div class=\"pw-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"\/>\n                <path d=\"M9 5v14\"\/>\n                <path d=\"M15 5v14\"\/>\n                <path d=\"M6 16c2-2 4-3 6-3s4 1 6 3\"\/>\n              <\/svg>\n            <\/div>\n            <h3>\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435<\/h3>\n            <p>\u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u0435\u0442\u0430, \u0432\u043e\u0437\u0434\u0443\u0445\u0430 \u0438 \u0434\u043e\u0440\u043e\u0433\u043e\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0432 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0438.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-card\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?auto=format&#038;fit=crop&#038;w=900&#038;q=80');\"><\/div>\n          <div class=\"pw-card-body\">\n            <div class=\"pw-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 4h14v10H5z\"\/>\n                <path d=\"M8 4v10\"\/>\n                <path d=\"M16 4v10\"\/>\n                <path d=\"M4 14h16\"\/>\n                <path d=\"M6 14v6\"\/>\n                <path d=\"M18 14v6\"\/>\n                <path d=\"M4 20h16\"\/>\n              <\/svg>\n            <\/div>\n            <h3>\u041e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u043b\u043a\u043e\u043d\u043e\u0432 \u0438 \u043b\u043e\u0434\u0436\u0438\u0439<\/h3>\n            <p>\u0422\u0451\u043f\u043b\u043e\u0435 \u0438 \u0445\u043e\u043b\u043e\u0434\u043d\u043e\u0435 \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435, \u043e\u0442\u0434\u0435\u043b\u043a\u0430, \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u0435 \u0438 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-card\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=900&#038;q=80');\"><\/div>\n          <div class=\"pw-card-body\">\n            <div class=\"pw-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 11.5L12 4l8 7.5\"\/>\n                <path d=\"M6 10.5V20h12v-9.5\"\/>\n                <path d=\"M9.5 20v-6h5v6\"\/>\n                <path d=\"M16.5 6.5h2v3\"\/>\n              <\/svg>\n            <\/div>\n            <h3>\u0423\u0441\u043b\u0443\u0433\u0438 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447<\/h3>\n            <p>\u041e\u0442 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u0438 \u0437\u0430\u043c\u0435\u0440\u0430 \u0434\u043e \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0438 \u043f\u0440\u0438\u0451\u043c\u043a\u0438.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHY -->\n  <section class=\"pw-section pw-why\" id=\"pw-why\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-section-title\">\n        <span>\u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/span>\n        <h2>\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441<\/h2>\n        <p>\u041a\u043b\u0438\u0435\u043d\u0442\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441 \u043d\u0435 \u0438\u0437-\u0437\u0430 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0439, \u0430 \u0438\u0437-\u0437\u0430 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430.<\/p>\n      <\/div>\n\n      <div class=\"pw-why-grid\">\n\n        <div class=\"pw-stat\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 20h16\"\/>\n              <path d=\"M5 9h14\"\/>\n              <path d=\"M6 9v11\"\/>\n              <path d=\"M10 9v11\"\/>\n              <path d=\"M14 9v11\"\/>\n              <path d=\"M18 9v11\"\/>\n              <path d=\"M3.5 9L12 4l8.5 5\"\/>\n            <\/svg>\n          <\/div>\n          <strong>12+<\/strong>\n          <span>\u043b\u0435\u0442 \u043e\u043f\u044b\u0442\u0430<\/span>\n          <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430\u043c\u0438, \u0434\u043e\u043c\u0430\u043c\u0438, \u043e\u0444\u0438\u0441\u0430\u043c\u0438 \u0438 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438.<\/p>\n        <\/div>\n\n        <div class=\"pw-stat\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M8 4h8\"\/>\n              <path d=\"M9 2h6v4H9z\"\/>\n              <rect x=\"5\" y=\"5\" width=\"14\" height=\"17\" rx=\"2\"\/>\n              <path d=\"M8 11l2 2 4-4\"\/>\n              <path d=\"M8 17h8\"\/>\n            <\/svg>\n          <\/div>\n          <strong>2500+<\/strong>\n          <span>\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/span>\n          <p>\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0440\u0430\u0437\u043d\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438: \u043e\u0442 \u043e\u0434\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430.<\/p>\n        <\/div>\n\n        <div class=\"pw-stat\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3l7 3v5c0 5-3.2 8.7-7 10-3.8-1.3-7-5-7-10V6l7-3z\"\/>\n              <path d=\"M8.5 12l2.2 2.2 4.8-5\"\/>\n            <\/svg>\n          <\/div>\n          <strong>10<\/strong>\n          <span>\u043b\u0435\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438<\/span>\n          <p>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u043e\u043a\u043d\u0430, \u043c\u043e\u043d\u0442\u0430\u0436 \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0445 \u0440\u0430\u0431\u043e\u0442.<\/p>\n        <\/div>\n\n        <div class=\"pw-stat\">\n          <div class=\"pw-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M16 11a4 4 0 1 0-8 0\"\/>\n              <path d=\"M4 20c.8-3.8 3.6-6 8-6s7.2 2.2 8 6\"\/>\n              <path d=\"M18 8.5c1.6.3 2.7 1.5 3 3\"\/>\n              <path d=\"M6 8.5c-1.6.3-2.7 1.5-3 3\"\/>\n            <\/svg>\n          <\/div>\n          <strong>98%<\/strong>\n          <span>\u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/span>\n          <p>\u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043f\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u043c \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0445.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WORKS -->\n  <section class=\"pw-section\" id=\"pw-works\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-section-title\">\n        <span>\u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/span>\n        <h2>\u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/h2>\n        <p>\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440, \u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0434\u043e\u043c\u043e\u0432, \u0431\u0430\u043b\u043a\u043e\u043d\u043e\u0432 \u0438 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0439.<\/p>\n      <\/div>\n\n      <div class=\"pw-portfolio-grid\">\n\n        <article class=\"pw-project\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&#038;fit=crop&#038;w=1000&#038;q=80');\"><\/div>\n          <div class=\"pw-project-info\">\n            <h3>\u041a\u0432\u0430\u0440\u0442\u0438\u0440\u0430 \u0432 \u043d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0435<\/h3>\n            <p>\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0435 \u043e\u043a\u043d\u0430 \u0441 \u0442\u0451\u043f\u043b\u044b\u043c \u0441\u0442\u0435\u043a\u043b\u043e\u043f\u0430\u043a\u0435\u0442\u043e\u043c \u0438 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u044b\u043c \u043c\u043e\u043d\u0442\u0430\u0436\u043e\u043c.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-project\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&#038;fit=crop&#038;w=1000&#038;q=80');\"><\/div>\n          <div class=\"pw-project-info\">\n            <h3>\u0417\u0430\u0433\u043e\u0440\u043e\u0434\u043d\u044b\u0439 \u0434\u043e\u043c<\/h3>\n            <p>\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u043e\u0451\u043c\u044b \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0444\u0430\u0441\u0430\u0434\u043d\u044b\u0439 \u0432\u0438\u0434.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"pw-project\">\n          <div class=\"pw-photo\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&#038;fit=crop&#038;w=1000&#038;q=80');\"><\/div>\n          <div class=\"pw-project-info\">\n            <h3>\u041e\u0444\u0438\u0441\u043d\u043e\u0435 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435<\/h3>\n            <p>\u041e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435 \u0438 \u043f\u0435\u0440\u0435\u0433\u043e\u0440\u043e\u0434\u043a\u0438 \u0434\u043b\u044f \u0434\u0435\u043b\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 \u0432 \u0435\u0434\u0438\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0435.<\/p>\n            <a class=\"pw-more\" href=\"#pw-contact\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u2192<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROCESS -->\n  <section class=\"pw-section pw-process\" id=\"pw-process\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-section-title\">\n        <span>\u044d\u0442\u0430\u043f\u044b<\/span>\n        <h2>\u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/h2>\n        <p>\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439: \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u0434\u043e \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u0438\u0451\u043c\u043a\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430.<\/p>\n      <\/div>\n\n      <div class=\"pw-steps\">\n\n        <div class=\"pw-step\">\n          <div class=\"pw-step-number\">1<\/div>\n          <h3>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/h3>\n          <p>\u041e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u043c \u0437\u0430\u0434\u0430\u0447\u0443, \u043e\u0431\u044a\u0435\u043a\u0442, \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u043f\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u0443.<\/p>\n        <\/div>\n\n        <div class=\"pw-step\">\n          <div class=\"pw-step-number\">2<\/div>\n          <h3>\u0417\u0430\u043c\u0435\u0440<\/h3>\n          <p>\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u0442 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e\u0447\u043d\u044b\u0435 \u0437\u0430\u043c\u0435\u0440\u044b.<\/p>\n        <\/div>\n\n        <div class=\"pw-step\">\n          <div class=\"pw-step-number\">3<\/div>\n          <h3>\u0420\u0430\u0441\u0447\u0451\u0442<\/h3>\n          <p>\u041f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u0440\u043e\u0444\u0438\u043b\u044c, \u0441\u0442\u0435\u043a\u043b\u043e\u043f\u0430\u043a\u0435\u0442, \u0444\u0443\u0440\u043d\u0438\u0442\u0443\u0440\u0443 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0435\u043c \u0441\u043c\u0435\u0442\u0443.<\/p>\n        <\/div>\n\n        <div class=\"pw-step\">\n          <div class=\"pw-step-number\">4<\/div>\n          <h3>\u041c\u043e\u043d\u0442\u0430\u0436<\/h3>\n          <p>\u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043e\u043a\u043d\u0430 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e, \u0432 \u0441\u0440\u043e\u043a \u0438 \u043f\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.<\/p>\n        <\/div>\n\n        <div class=\"pw-step\">\n          <div class=\"pw-step-number\">5<\/div>\n          <h3>\u041f\u0440\u0438\u0451\u043c\u043a\u0430<\/h3>\n          <p>\u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443, \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u043c\u0443\u0441\u043e\u0440 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- REVIEWS -->\n  <section class=\"pw-section pw-reviews\" id=\"pw-reviews\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-section-title\">\n        <span>\u043e\u0442\u0437\u044b\u0432\u044b<\/span>\n        <h2>\u041e\u0442\u0437\u044b\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/h2>\n        <p>\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u2014 \u043a\u043e\u0433\u0434\u0430 \u043a\u043b\u0438\u0435\u043d\u0442 \u0441\u043f\u043e\u043a\u043e\u0435\u043d \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u043d\u0430\u0441 \u0434\u0430\u043b\u044c\u0448\u0435.<\/p>\n      <\/div>\n\n      <div class=\"pw-reviews-grid\">\n\n        <article class=\"pw-review\">\n          <div class=\"pw-review-top\">\n            <div class=\"pw-avatar\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=300&#038;q=80');\"><\/div>\n            <div>\n              <h3>\u0410\u043d\u043d\u0430 \u0421\u043c\u0438\u0440\u043d\u043e\u0432\u0430<\/h3>\n              <div class=\"pw-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n          <p>\u0417\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435 \u0432 \u0433\u043e\u0441\u0442\u0438\u043d\u043e\u0439. \u041e\u0447\u0435\u043d\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043e\u043a\u043e\u043d \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u043c\u043e\u043c \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u0438\u043a\u043e\u0432.<\/p>\n        <\/article>\n\n        <article class=\"pw-review\">\n          <div class=\"pw-review-top\">\n            <div class=\"pw-avatar\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=300&#038;q=80');\"><\/div>\n            <div>\n              <h3>\u0418\u0433\u043e\u0440\u044c \u041a\u043e\u0432\u0430\u043b\u0451\u0432<\/h3>\n              <div class=\"pw-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n          <p>\u041d\u0430\u0434\u0451\u0436\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430. \u0412\u0441\u0451 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0432 \u0441\u0440\u043e\u043a, \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0438 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0435\u0439 \u0441\u0443\u0435\u0442\u044b. \u041f\u043e \u0446\u0435\u043d\u0435 \u0432\u0441\u0451 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u0437\u0430\u0440\u0430\u043d\u0435\u0435.<\/p>\n        <\/article>\n\n        <article class=\"pw-review\">\n          <div class=\"pw-review-top\">\n            <div class=\"pw-avatar\" style=\"--img:url('https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=300&#038;q=80');\"><\/div>\n            <div>\n              <h3>\u041c\u0430\u0440\u0438\u044f \u041b\u0435\u0431\u0435\u0434\u0435\u0432\u0430<\/h3>\n              <div class=\"pw-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n          <\/div>\n          <p>\u041e\u0441\u0442\u0435\u043a\u043b\u0438\u043b\u0438 \u0431\u0430\u043b\u043a\u043e\u043d \u043f\u043e\u0434 \u043a\u043b\u044e\u0447. \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0447\u0438\u0441\u0442\u043e, \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0438 \u0442\u0435\u043f\u043b\u0435\u0435, \u0447\u0435\u043c \u0431\u044b\u043b\u043e \u0440\u0430\u043d\u044c\u0448\u0435. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044b.<\/p>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"pw-contact\" id=\"pw-contact\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-cta\">\n\n        <div class=\"pw-cta-left\">\n          <span>\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/span>\n          <h2>\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d<\/h2>\n          <p>\n            \u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u043c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438, \u0443\u0442\u043e\u0447\u043d\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u0438, \u043f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\n            \u0438 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c.\n          <\/p>\n\n          <div class=\"pw-phone-box\">\n            <small>\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441<\/small>\n            <a href=\"tel:+998900000000\">+998 90 000-00-00<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"pw-cta-right\">\n\n          <form class=\"pw-form\">\n            <div class=\"pw-form-title\">\n              <div class=\"pw-form-title-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\n                  <path d=\"M8 9h8\"\/>\n                  <path d=\"M8 13h5\"\/>\n                <\/svg>\n              <\/div>\n\n              <div>\n                <h3>\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/h3>\n                <p>\n                  \u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u2014 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438, \u0443\u0442\u043e\u0447\u043d\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u044b,\n                  \u0442\u0438\u043f \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442.\n                <\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"pw-form-grid\">\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M20 21a8 8 0 0 0-16 0\"\/>\n                  <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n                <\/svg>\n                <input type=\"text\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f\">\n              <\/div>\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M22 16.5v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.2 19.2 0 0 1-5.9-5.9A19.7 19.7 0 0 1 2.2 4 2 2 0 0 1 4.2 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.4 2.1L8.1 9.6a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.6.5 2.5.6a2 2 0 0 1 1.7 1.7z\"\/>\n                <\/svg>\n                <input type=\"tel\" placeholder=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d\">\n              <\/div>\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                  <path d=\"M3 7l9 6 9-6\"\/>\n                <\/svg>\n                <input type=\"email\" placeholder=\"E-mail\">\n              <\/div>\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1.5\"\/>\n                  <path d=\"M12 3v18\"\/>\n                  <path d=\"M4 12h16\"\/>\n                <\/svg>\n                <select>\n                  <option>\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0449\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430<\/option>\n                  <option>\u041f\u043b\u0430\u0441\u0442\u0438\u043a\u043e\u0432\u044b\u0435 \u043e\u043a\u043d\u0430<\/option>\n                  <option>\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u044b\u0435 \u043e\u043a\u043d\u0430<\/option>\n                  <option>\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435<\/option>\n                  <option>\u041e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u043b\u043a\u043e\u043d\u0430<\/option>\n                  <option>\u041e\u043a\u043d\u0430 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447<\/option>\n                <\/select>\n              <\/div>\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n                <input type=\"text\" placeholder=\"\u0413\u043e\u0440\u043e\u0434 \/ \u0440\u0430\u0439\u043e\u043d\">\n              <\/div>\n\n              <div class=\"pw-field\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 19.5V4.5A2.5 2.5 0 0 1 6.5 2H20v18H6.5A2.5 2.5 0 0 1 4 17.5\"\/>\n                  <path d=\"M8 7h8\"\/>\n                  <path d=\"M8 11h8\"\/>\n                <\/svg>\n                <input type=\"text\" placeholder=\"\u0420\u0430\u0437\u043c\u0435\u0440 \/ \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u043a\u043e\u043d\">\n              <\/div>\n\n              <div class=\"pw-field pw-field-full\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\n                <\/svg>\n                <textarea placeholder=\"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443\"><\/textarea>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"pw-form-benefits\">\n              <div class=\"pw-form-benefit\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/div>\n              <div class=\"pw-form-benefit\">\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442<\/div>\n              <div class=\"pw-form-benefit\">\u0412\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440<\/div>\n            <\/div>\n\n            <div class=\"pw-form-note\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 3l7 3v5c0 5-3.2 8.7-7 10-3.8-1.3-7-5-7-10V6l7-3z\"\/>\n                <path d=\"M9 12l2 2 4-5\"\/>\n              <\/svg>\n              <span>\n                \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.\n                \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430 \u043a\u0430\u043a \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430.\n              <\/span>\n            <\/div>\n\n            <button type=\"button\" class=\"pw-btn pw-btn-gold\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438<\/button>\n\n            <div class=\"pw-form-status\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 11.1V12a10 10 0 1 1-5.9-9.1\"\/>\n                <path d=\"M22 4L12 14.01l-3-3\"\/>\n              <\/svg>\n              <span>\u0417\u0430\u044f\u0432\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 15 \u043c\u0438\u043d\u0443\u0442<\/span>\n            <\/div>\n\n          <\/form>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"pw-footer\">\n    <div class=\"pw-container\">\n\n      <div class=\"pw-footer-grid\">\n\n        <div>\n          <h3>Premier Windows<\/h3>\n          <p>\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043e\u043a\u043e\u043d \u0434\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440, \u0434\u043e\u043c\u043e\u0432 \u0438 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432. \u041a\u0440\u0430\u0441\u0438\u0432\u043e, \u0442\u0435\u043f\u043b\u043e \u0438 \u043d\u0430\u0434\u0451\u0436\u043d\u043e.<\/p>\n        <\/div>\n\n        <div>\n          <h4>\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/h4>\n          <ul>\n            <li><a href=\"#pw-services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\n            <li><a href=\"#pw-why\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/a><\/li>\n            <li><a href=\"#pw-works\">\u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/a><\/li>\n            <li><a href=\"#pw-process\">\u042d\u0442\u0430\u043f\u044b \u0440\u0430\u0431\u043e\u0442\u044b<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h4>\u0423\u0441\u043b\u0443\u0433\u0438<\/h4>\n          <ul>\n            <li><a href=\"#pw-contact\">\u041f\u043b\u0430\u0441\u0442\u0438\u043a\u043e\u0432\u044b\u0435 \u043e\u043a\u043d\u0430<\/a><\/li>\n            <li><a href=\"#pw-contact\">\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u044b\u0435 \u043e\u043a\u043d\u0430<\/a><\/li>\n            <li><a href=\"#pw-contact\">\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435<\/a><\/li>\n            <li><a href=\"#pw-contact\">\u041e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u043b\u043a\u043e\u043d\u043e\u0432<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h4>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n          <p>\n            \u0422\u0435\u043b\u0435\u0444\u043e\u043d: <a href=\"tel:+998900000000\">+998 90 000-00-00<\/a><br>\n            Telegram: <a href=\"#\">@username<\/a><br>\n            \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0423\u0437\u0431\u0435\u043a\u0438\u0441\u0442\u0430\u043d\u0443\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"pw-footer-bottom\">\n        <div>\u00a9 2026 Premier Windows. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/div>\n        <div>\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const revealItems = [\n    \".pw-section-title\",\n    \".pw-trust-grid\",\n    \".pw-card\",\n    \".pw-stat\",\n    \".pw-project\",\n    \".pw-step\",\n    \".pw-review\",\n    \".pw-cta-left\",\n    \".pw-cta-right\"\n  ];\n\n  revealItems.forEach(function(selector) {\n    document.querySelectorAll(selector).forEach(function(el, index) {\n      el.classList.add(\"pw-reveal\");\n      el.style.transitionDelay = Math.min(index * 70, 420) + \"ms\";\n    });\n  });\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"pw-visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.12,\n    rootMargin: \"0px 0px -60px 0px\"\n  });\n\n  document.querySelectorAll(\".pw-reveal\").forEach(function(el) {\n    observer.observe(el);\n  });\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Premier Windows \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043e\u043a\u043e\u043d \u0423\u0441\u043b\u0443\u0433\u0438 \u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b \u0420\u0430\u0431\u043e\u0442\u044b \u042d\u0442\u0430\u043f\u044b \u041e\u0442\u0437\u044b\u0432\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044e \u041e\u043a\u043d\u0430 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439 \u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":3,"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/pages\/298\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/1001podarok.uz\/index.php\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}