{"id":493,"date":"2026-09-30T09:36:16","date_gmt":"2026-09-30T06:06:16","guid":{"rendered":"https:\/\/matris.ir\/?page_id=493"},"modified":"2026-10-03T15:35:18","modified_gmt":"2026-10-03T12:05:18","slug":"about-us","status":"publish","type":"page","link":"https:\/\/matris.ir\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"493\" class=\"elementor elementor-493\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fecad2 e-flex e-con-boxed e-con e-parent\" data-id=\"2fecad2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee8893 elementor-widget elementor-widget-html\" data-id=\"5ee8893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"matris-about\"><\/div>\n\n<template id=\"matris-about-tpl\">\n<div class=\"m-body\">\n\n<style>\n:root {\n  --navy: #00062c;\n  --blue: #001489;\n  --magenta: #eb008b;\n  --ink: #11152d;\n  --muted: #687087;\n  --paper: #f7f8fc;\n  font-family: Vazirmatn, IRANSansX, \"IRANSans\", Tahoma, Arial, sans-serif;\n  color: var(--ink);\n  background: var(--paper);\n  font-synthesis: none;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  background: var(--paper);\n}\n\nbody {\n  min-width: 320px;\n  margin: 0;\n  overflow-x: hidden;\n  background: var(--paper);\n  color: var(--ink);\n  direction: rtl;\n  text-align: right;\n  line-height: 1.95;\n}\n\nbutton,\na {\n  font: inherit;\n}\n\na {\n  color: inherit;\n}\n\nmain {\n  overflow: clip;\n}\n\n.container {\n  width: min(1160px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.section {\n  position: relative;\n  padding: clamp(88px, 11vw, 148px) 0;\n}\n\n.section-dark {\n  color: #fff;\n  background: var(--navy);\n}\n\n.section-heading {\n  max-width: 790px;\n}\n\n.section-label,\n.hero-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 19px;\n  color: var(--magenta);\n  font-size: 0.79rem;\n  font-weight: 800;\n  letter-spacing: 0.02em;\n}\n\n.section-label::before,\n.hero-kicker::before {\n  width: 26px;\n  height: 2px;\n  content: \"\";\n  background: currentColor;\n}\n\nh1,\nh2,\nh3,\np {\n  margin-top: 0;\n}\n\nh2 {\n  max-width: 850px;\n  margin-bottom: 18px;\n  color: var(--navy);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 850;\n  letter-spacing: -0.055em;\n  line-height: 1.3;\n}\n\n.section-dark h2 {\n  color: #fff;\n}\n\n.lead-text {\n  max-width: 720px;\n  margin-bottom: 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.35vw, 1.13rem);\n  line-height: 2;\n}\n\n.section-dark .lead-text {\n  color: rgba(255, 255, 255, 0.68);\n}\n\n.hero {\n  position: relative;\n  display: grid;\n  min-height: 100svh;\n  isolation: isolate;\n  overflow: hidden;\n  color: #fff;\n  background: var(--navy);\n  place-items: center;\n}\n\n.hero-photo,\n.hero-shade {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-photo {\n  z-index: -2;\n  background: linear-gradient(135deg, #0a1050 0%, #14206e 45%, #1b0f3a 100%);\n  background-position: center;\n  background-size: cover;\n  filter: saturate(0.54) contrast(1.12);\n  transform: scale(1.025);\n  animation: hero-photo-settle 1.6s cubic-bezier(0.2, 0.65, 0.25, 1) both;\n}\n\n.hero-shade {\n  z-index: -1;\n  background:\n    linear-gradient(90deg, rgba(0, 6, 44, 0.9) 0%, rgba(0, 6, 44, 0.78) 44%, rgba(0, 6, 44, 0.55) 100%),\n    linear-gradient(0deg, rgba(0, 6, 44, 0.55), transparent 44%);\n}\n\n.hero-content {\n  padding: 30px 0 80px;\n  text-align: center;\n}\n\n.hero-kicker {\n  justify-content: center;\n  margin-bottom: 24px;\n  color: rgba(255, 255, 255, 0.8);\n  animation: intro-up 0.8s 0.08s both;\n}\n\n.brand-name {\n  display: inline-block;\n  margin-bottom: 16px;\n  background: linear-gradient(105deg, #001489 0%, #5958c8 46%, #eb008b 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  font-size: clamp(3.4rem, 10vw, 8.2rem);\n  font-weight: 950;\n  letter-spacing: -0.09em;\n  line-height: 1;\n  text-shadow: none;\n  filter: drop-shadow(0 3px 14px rgba(255, 255, 255, 0.12));\n  animation: intro-up 0.9s 0.16s both;\n}\n\n.hero-statement {\n  max-width: 760px;\n  margin: 0 auto 17px;\n  color: #fff;\n  font-size: clamp(1.34rem, 2.55vw, 2.35rem);\n  font-weight: 750;\n  letter-spacing: -0.04em;\n  line-height: 1.55;\n  animation: intro-up 0.8s 0.3s both;\n}\n\n.hero-description {\n  max-width: 650px;\n  margin: 0 auto 30px;\n  color: rgba(255, 255, 255, 0.75);\n  font-size: clamp(0.94rem, 1.35vw, 1.06rem);\n  line-height: 2;\n  animation: intro-up 0.8s 0.4s both;\n}\n\n.hero-link,\n.contact-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: #fff;\n  font-size: 0.95rem;\n  font-weight: 800;\n  text-decoration: none;\n  transition: color 200ms ease, transform 200ms ease;\n}\n\n.hero-link {\n  animation: intro-up 0.8s 0.52s both;\n}\n\n.hero-link svg,\n.contact-link svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.8;\n  transition: transform 200ms ease;\n}\n\n.hero-link:hover,\n.contact-link:hover {\n  color: var(--magenta);\n  transform: translateX(-3px);\n}\n\n.hero-link:hover svg,\n.contact-link:hover svg {\n  transform: translateX(-4px);\n}\n\n.scroll-indicator {\n  position: absolute;\n  bottom: 28px;\n  left: 50%;\n  width: 22px;\n  height: 36px;\n  border: 1px solid rgba(255, 255, 255, 0.55);\n  border-radius: 99px;\n  transform: translateX(-50%);\n}\n\n.scroll-indicator span {\n  position: absolute;\n  top: 7px;\n  right: 50%;\n  width: 4px;\n  height: 8px;\n  border-radius: 99px;\n  background: var(--magenta);\n  transform: translateX(50%);\n  animation: scroll-dot 1.8s ease-in-out infinite;\n}\n\n.intro {\n  background: #fff;\n}\n\n.intro-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);\n  align-items: center;\n  gap: clamp(48px, 8vw, 130px);\n}\n\n.intro-copy {\n  max-width: 650px;\n}\n\n.lead-text-strong {\n  margin-bottom: 21px;\n  color: var(--ink);\n  font-weight: 700;\n}\n\n.body-text {\n  margin-bottom: 17px;\n  color: var(--muted);\n  font-size: 0.97rem;\n  line-height: 2.08;\n}\n\n.intro-art {\n  position: relative;\n  display: grid;\n  min-height: 490px;\n  overflow: hidden;\n  color: #fff;\n  background: var(--navy);\n  place-items: center;\n}\n\n.intro-art::after {\n  position: absolute;\n  inset: 0;\n  content: \"\";\n  background: linear-gradient(145deg, transparent 40%, rgba(235, 0, 139, 0.5));\n  mix-blend-mode: screen;\n}\n\n.matrix-monogram {\n  position: relative;\n  z-index: 1;\n  width: min(62%, 290px);\n  color: var(--magenta);\n  filter: drop-shadow(34px 26px 0 rgba(0, 20, 137, 0.7));\n}\n\n.intro-art p {\n  position: absolute;\n  z-index: 1;\n  right: 26px;\n  bottom: 25px;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.7);\n  direction: ltr;\n  font-family: Arial, sans-serif;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n.art-rule {\n  position: absolute;\n  top: 28px;\n  left: 0;\n  width: 64%;\n  height: 1px;\n  background: rgba(255, 255, 255, 0.33);\n}\n\n.history {\n  overflow: hidden;\n}\n\n.history .section-heading {\n  margin-bottom: clamp(52px, 7vw, 90px);\n}\n\n.timeline {\n  --timeline-progress: 0;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  column-gap: 0;\n  direction: ltr;\n}\n\n.timeline::before {\n  position: absolute;\n  top: 5px;\n  right: calc(50% - 1px);\n  bottom: 47px;\n  width: 2px;\n  content: \"\";\n  background: linear-gradient(180deg, var(--magenta) 0%, #8065ce 54%, var(--blue) 100%);\n  transform: scaleY(var(--timeline-progress));\n  transform-origin: top;\n  will-change: transform;\n}\n\n.timeline-item {\n  position: relative;\n  width: auto;\n  margin-bottom: clamp(44px, 6vw, 78px);\n  direction: rtl;\n  text-align: right;\n}\n\n.timeline-item.is-right {\n  grid-column: 2;\n  padding-right: clamp(42px, 5vw, 70px);\n}\n\n.timeline-item.is-left {\n  grid-column: 1;\n  padding-left: clamp(42px, 5vw, 70px);\n  text-align: right;\n}\n\n.timeline-dot {\n  position: absolute;\n  top: 5px;\n  z-index: 1;\n  width: 16px;\n  height: 16px;\n  border: 3px solid var(--magenta);\n  border-radius: 50%;\n  background: var(--navy);\n  box-shadow: 0 0 0 6px rgba(235, 0, 139, 0.12);\n}\n\n.is-right .timeline-dot {\n  right: -8px;\n}\n\n.is-left .timeline-dot {\n  left: -8px;\n}\n\n.timeline-year {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: var(--magenta);\n  font-size: 0.81rem;\n  font-weight: 850;\n  line-height: 1;\n}\n\n.timeline-item h3 {\n  margin-bottom: 8px;\n  color: #fff;\n  font-size: clamp(1.15rem, 1.7vw, 1.42rem);\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n.timeline-item > p:last-child {\n  max-width: 430px;\n  margin-bottom: 0;\n  color: rgba(255, 255, 255, 0.65);\n  font-size: 0.92rem;\n  line-height: 2;\n}\n\n.is-left > p:last-child {\n  margin-right: auto;\n}\n\n.future {\n  background: #fff;\n}\n\n.future .section-heading,\n.values .section-heading,\n.portfolio .section-heading,\n.overview .section-heading {\n  margin-bottom: 48px;\n}\n\n.mission-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n}\n\n.mission-block {\n  min-height: 430px;\n  padding: clamp(30px, 4vw, 55px);\n  color: #fff;\n  background: var(--navy);\n}\n\n.mission-number {\n  margin-bottom: 28px;\n  color: var(--magenta);\n  font-size: 1.1rem;\n  font-weight: 900;\n  letter-spacing: 0.04em;\n}\n\n.mission-block h3 {\n  margin-bottom: 15px;\n  color: var(--magenta);\n  font-size: clamp(1.45rem, 2.2vw, 1.8rem);\n  font-weight: 850;\n  line-height: 1.45;\n}\n\n.mission-block > p:not(.mission-number),\n.mission-block li {\n  color: rgba(255, 255, 255, 0.74);\n  font-size: 0.96rem;\n  line-height: 2.05;\n}\n\n.mission-block ul {\n  padding: 0 18px 0 0;\n  margin: 21px 0 0;\n  list-style: none;\n}\n\n.mission-block li {\n  position: relative;\n  margin-bottom: 10px;\n  padding-right: 16px;\n}\n\n.mission-block li::before {\n  position: absolute;\n  top: 0.8em;\n  right: 0;\n  width: 6px;\n  height: 6px;\n  content: \"\";\n  border-radius: 50%;\n  background: var(--magenta);\n}\n\n.value-grid,\n.overview-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.glass-panel {\n  min-height: 242px;\n  padding: 31px 26px;\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.055));\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.19), 0 18px 45px rgba(0, 0, 0, 0.15);\n  -webkit-backdrop-filter: blur(22px) saturate(140%);\n  backdrop-filter: blur(22px) saturate(140%);\n  transition: transform 300ms cubic-bezier(0.2, 0.65, 0.25, 1), background 300ms ease;\n}\n\n.glass-panel:hover {\n  background: linear-gradient(135deg, rgba(235, 0, 139, 0.22), rgba(255, 255, 255, 0.09));\n  transform: translateY(-7px);\n}\n\n.value-number {\n  margin-bottom: 24px;\n  color: var(--magenta);\n  font-size: clamp(2.4rem, 4.3vw, 3.8rem);\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 0.8;\n}\n\n.glass-panel h3 {\n  margin-bottom: 10px;\n  color: #fff;\n  font-size: 1.08rem;\n  font-weight: 850;\n}\n\n.glass-panel p:not(.value-number) {\n  margin-bottom: 0;\n  color: rgba(255, 255, 255, 0.64);\n  font-size: 0.88rem;\n  line-height: 1.95;\n}\n\n.portfolio {\n  background: #fff;\n}\n\n.product-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.product-panel {\n  min-height: 244px;\n  padding: 29px 27px;\n  color: #fff;\n  background: var(--navy);\n  transition: background 300ms ease, transform 300ms cubic-bezier(0.2, 0.65, 0.25, 1);\n}\n\n.product-panel:hover {\n  background: #060d4a;\n  transform: translateY(-6px);\n}\n\n.product-category {\n  margin-bottom: 26px;\n  color: rgba(255, 255, 255, 0.52);\n  font-size: 0.74rem;\n  font-weight: 750;\n}\n\n.product-panel h3 {\n  margin-bottom: 10px;\n  color: var(--magenta);\n  font-size: 1.26rem;\n  font-weight: 850;\n}\n\n.product-panel p:last-child {\n  margin-bottom: 0;\n  color: rgba(255, 255, 255, 0.67);\n  font-size: 0.89rem;\n  line-height: 1.98;\n}\n\n.overview-grid {\n  gap: 16px;\n}\n\n.stat-panel {\n  display: flex;\n  min-height: 190px;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.stat-panel strong {\n  color: var(--magenta);\n  font-family: Tahoma, Arial, sans-serif;\n  font-size: clamp(2.4rem, 4vw, 3.7rem);\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n}\n\n.stat-panel span {\n  max-width: 180px;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 0.88rem;\n  font-weight: 650;\n  line-height: 1.8;\n}\n\n.contact {\n  display: grid;\n  min-height: min(680px, 78svh);\n  color: #fff;\n  background: var(--blue);\n  place-items: center;\n}\n\n.contact-content {\n  max-width: 830px;\n  text-align: center;\n}\n\n.contact-content .section-label {\n  justify-content: center;\n  color: var(--magenta);\n}\n\n.contact-content h2 {\n  margin-inline: auto;\n  color: #fff;\n}\n\n.contact-content > p:not(.section-label) {\n  max-width: 620px;\n  margin: 0 auto 30px;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 1rem;\n}\n\n.contact-link {\n  padding-bottom: 9px;\n  border-bottom: 2px solid var(--magenta);\n}\n\n.reveal-on-scroll {\n  opacity: 0;\n  transform: translateY(25px);\n  transition: opacity 700ms ease, transform 800ms cubic-bezier(0.2, 0.65, 0.25, 1);\n}\n\n.reveal-on-scroll.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes intro-up {\n  from {\n    opacity: 0;\n    transform: translateY(22px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes hero-photo-settle {\n  from {\n    opacity: 0;\n    transform: scale(1.1);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1.025);\n  }\n}\n\n@keyframes scroll-dot {\n  0%, 100% {\n    opacity: 0;\n    transform: translate(50%, 0);\n  }\n  35%, 65% {\n    opacity: 1;\n  }\n  70% {\n    opacity: 0;\n    transform: translate(50%, 13px);\n  }\n}\n\n@media (max-width: 900px) {\n  .intro-layout {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  .intro-art {\n    min-height: 350px;\n    max-width: 600px;\n  }\n\n  .value-grid,\n  .overview-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .product-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 700px) {\n  .container {\n    width: min(100% - 36px, 560px);\n  }\n\n  .section {\n    padding: 75px 0;\n  }\n\n  h2 {\n    margin-bottom: 15px;\n    font-size: clamp(1.9rem, 9vw, 2.5rem);\n  }\n\n  .lead-text,\n  .body-text,\n  .mission-block > p:not(.mission-number),\n  .mission-block li {\n    font-size: 0.91rem;\n  }\n\n  .hero-content {\n    padding: 76px 0 86px;\n  }\n\n  .hero-photo {\n    background-position: 58% center;\n  }\n\n  .hero-shade {\n    background: linear-gradient(90deg, rgba(0, 6, 44, 0.9), rgba(0, 6, 44, 0.69));\n  }\n\n  .hero-kicker {\n    margin-bottom: 20px;\n  }\n\n  .brand-name {\n    font-size: clamp(3.05rem, 15vw, 4.7rem);\n    letter-spacing: -0.105em;\n  }\n\n  .hero-statement {\n    font-size: 1.35rem;\n    line-height: 1.7;\n  }\n\n  .hero-description {\n    font-size: 0.9rem;\n  }\n\n  .scroll-indicator {\n    bottom: 20px;\n  }\n\n  .intro-layout {\n    gap: 37px;\n  }\n\n  .intro-art {\n    min-height: 290px;\n  }\n\n  .history .section-heading,\n  .future .section-heading,\n  .values .section-heading,\n  .portfolio .section-heading,\n  .overview .section-heading {\n    margin-bottom: 37px;\n  }\n\n  .timeline {\n    display: block;\n    direction: rtl;\n  }\n\n  .timeline::before {\n    top: 6px;\n    right: 7px;\n    bottom: 28px;\n  }\n\n  .timeline-item,\n  .timeline-item.is-right,\n  .timeline-item.is-left {\n    margin-bottom: 36px;\n    padding: 0 33px 0 0;\n    text-align: right;\n  }\n\n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n\n  .is-right .timeline-dot,\n  .is-left .timeline-dot {\n    right: -1px;\n    left: auto;\n  }\n\n  .is-left > p:last-child {\n    margin-right: 0;\n  }\n\n  .timeline-item > p:last-child {\n    font-size: 0.87rem;\n  }\n\n  .mission-grid,\n  .product-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mission-grid {\n    gap: 16px;\n  }\n\n  .mission-block {\n    min-height: 0;\n    padding: 31px 24px;\n  }\n\n  .value-grid,\n  .overview-grid {\n    gap: 12px;\n  }\n\n  .glass-panel {\n    min-height: 210px;\n    padding: 25px 19px;\n  }\n\n  .value-number {\n    margin-bottom: 20px;\n  }\n\n  .product-panel {\n    min-height: 215px;\n    padding: 26px 23px;\n  }\n\n  .stat-panel {\n    min-height: 170px;\n  }\n\n  .stat-panel strong {\n    font-size: 2.2rem;\n  }\n\n  .stat-panel span {\n    font-size: 0.8rem;\n  }\n\n  .contact {\n    min-height: 550px;\n  }\n}\n\n@media (max-width: 390px) {\n  .container {\n    width: min(100% - 30px, 560px);\n  }\n\n  .section {\n    padding: 65px 0;\n  }\n\n  .value-grid,\n  .overview-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .glass-panel,\n  .stat-panel {\n    min-height: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n\n  *,\n  *::before,\n  *::after {\n    animation-duration: 1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: 1ms !important;\n  }\n\n  .reveal-on-scroll {\n    opacity: 1;\n    transform: none;\n  }\n}\n\nhtml, body, button, input, textarea, select { font-family: 'IranYekanX', 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; }\nbody { font-family: 'IranYekanX', 'IRANYekanX', 'IranYekan', Tahoma, sans-serif !important; }\n\n.contact {\n  background: #fff !important;\n  color: #111 !important;\n}\n.contact .section-label,\n.contact h2,\n.contact p { color: inherit !important; }\n.contact .section-label { opacity: .65; }\n.contact-link { color: #001489 !important; }\n\n.value-grid,\n.product-grid,\n.overview-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n}\n\n@media (max-width: 700px) {\n  .value-grid,\n  .product-grid,\n  .overview-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n\nhtml,body,button,input,textarea,select{\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif;\n}\n.contact-white{\n  background:#fff !important;\n  color:#111 !important;\n}\n.contact-white h2,\n.contact-white p,\n.contact-white .section-label{\n  color:#111 !important;\n}\n@media (max-width: 900px){\n  .value-grid,\n  .product-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n  }\n}\n@media (max-width: 560px){\n  .value-grid,\n  .product-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n  }\n  .value-grid > *,\n  .product-grid > *{\n    min-width:0;\n  }\n}\n<\/style>\n\n<style>\nhtml,body,button,input,textarea,select{\n  font-family:\"IranYekanX\",\"IRANYekanX\",\"YekanX\",Tahoma,sans-serif !important;\n}\n.contact-white{\n  background:#fff !important;\n  color:#111 !important;\n}\n.contact-white .section-label,\n.contact-white h2,\n.contact-white p{\n  color:#111 !important;\n}\n.contact-white .contact-link{\n  color:#001489 !important;\n}\n.contact-white .contact-link svg{\n  stroke:#001489 !important;\n}\n\n.mission-block ul{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px 28px;\n}\n.value-grid,\n.product-grid,\n.overview-grid{\n  grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n}\n@media (max-width:700px){\n  .mission-block ul,\n  .value-grid,\n  .product-grid,\n  .overview-grid{\n    grid-template-columns:1fr !important;\n  }\n}\n<\/style>\n\n<style id=\"requested-final-overrides\">\nhtml, body, button, input, textarea, select {\n  font-family: \"IranYekanX\", \"IRANYekanX\", \"IranYekan\", \"Yekan\", Tahoma, Arial, sans-serif !important;\n}\n\n.contact-white {\n  background: #fff !important;\n  color: #10172b !important;\n}\n.contact-white h2,\n.contact-white p,\n.contact-white .section-label {\n  color: #10172b !important;\n}\n.contact-white .section-label {\n  color: #001489 !important;\n}\n.contact-white .contact-link {\n  color: #001489 !important;\n  border-color: #001489 !important;\n}\n.contact-white .contact-link svg {\n  fill: #001489 !important;\n  stroke: #001489 !important;\n}\n\n.values .value-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n}\n\n.portfolio .product-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n}\n\n@media (max-width: 700px) {\n  .values .value-grid,\n  .portfolio .product-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n<\/style>\n\n<style id=\"final-responsive-overrides\">\nhtml,body,body *{\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n}\n\nbody main > section.contact,\nbody main > section.contact.contact-white,\nsection.contact,\nsection.contact.contact-white{\n  background:#fff !important;\n  background-color:#fff !important;\n  color:#111 !important;\n}\nsection.contact.contact-white::before,\nsection.contact.contact-white::after{\n  background:transparent !important;\n}\nsection.contact.contact-white h2,\nsection.contact.contact-white p,\nsection.contact.contact-white .section-label,\nsection.contact.contact-white a{\n  color:#111 !important;\n}\n\n@media screen and (max-width: 1024px){\n  section.values .value-grid{\n    display:grid !important;\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    grid-template-rows:repeat(2,auto) !important;\n    gap:24px !important;\n  }\n  section.values .value-grid > .glass-panel{\n    width:auto !important;\n    grid-column:auto !important;\n  }\n\n  section.portfolio .product-grid{\n    display:grid !important;\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    grid-template-rows:repeat(3,auto) !important;\n    gap:24px !important;\n  }\n  section.portfolio .product-grid > .product-panel{\n    width:auto !important;\n    grid-column:auto !important;\n  }\n}\n\n@media screen and (max-width: 600px){\n  section.values .value-grid,\n  section.portfolio .product-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:12px !important;\n  }\n}\n<\/style>\n\n<style id=\"overview-responsive-override\">\n@media screen and (max-width: 1024px){\n  section.overview .overview-grid{\n    display:grid !important;\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    grid-template-rows:repeat(2,auto) !important;\n    gap:24px !important;\n  }\n  section.overview .overview-grid > .stat-panel{\n    width:auto !important;\n    grid-column:auto !important;\n    grid-row:auto !important;\n  }\n}\n@media screen and (max-width: 600px){\n  section.overview .overview-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:12px !important;\n  }\n}\n<\/style>\n\n<style id=\"hero-brand-overflow-fix\">\nsection.hero .hero-content{\n  width:100% !important;\n  max-width:100% !important;\n  box-sizing:border-box !important;\n  overflow:visible !important;\n}\nsection.hero .brand-name{\n  display:block !important;\n  width:100% !important;\n  max-width:100% !important;\n  box-sizing:border-box !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n  overflow-wrap:normal !important;\n  word-break:normal !important;\n  white-space:normal !important;\n  text-align:center !important;\n  line-height:1.15 !important;\n  letter-spacing:normal !important;\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n  background-image:linear-gradient(90deg,#001489 0%,#5958C8 50%,#EB008B 100%) !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n}\n@media screen and (max-width:1024px){\n  section.hero .hero-content{\n    padding-left:clamp(20px,5vw,48px) !important;\n    padding-right:clamp(20px,5vw,48px) !important;\n  }\n  section.hero .brand-name{\n    font-size:clamp(40px,8vw,72px) !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.hero .hero-content{\n    padding-left:20px !important;\n    padding-right:20px !important;\n  }\n  section.hero .brand-name{\n    font-size:clamp(34px,10vw,52px) !important;\n    line-height:1.2 !important;\n  }\n}\n<\/style>\n\n<style id=\"glass-card-removal-fix\">\nsection.values .glass-panel,\nsection.overview .glass-panel{\n  background:transparent !important;\n  background-color:transparent !important;\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n  box-shadow:none !important;\n  border:1px solid rgba(180,180,180,0.12) !important;\n  border-radius:20px !important;\n  overflow:hidden !important;\n}\n<\/style>\n\n<style id=\"product-contact-final-fix\">\nsection.portfolio .product-panel{\n  background:transparent !important;\n  background-color:transparent !important;\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n  box-shadow:none !important;\n  border:1px solid rgba(180,180,180,0.12) !important;\n  border-radius:20px !important;\n  overflow:hidden !important;\n}\n\nsection.contact .section-label{\n  color:#E21E83 !important;\n}\nsection.contact .contact-link{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:10px !important;\n  background:#fff !important;\n  color:#29337A !important;\n  border:1px solid #29337A !important;\n  border-radius:20px !important;\n  text-decoration:none !important;\n  box-shadow:none !important;\n}\nsection.contact .contact-link svg{\n  stroke:#29337A !important;\n}\n<\/style>\n\n<style id=\"latest-card-and-mission-overrides\">\nsection.portfolio .product-panel{\n  background:transparent !important;\n  background-color:transparent !important;\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n  box-shadow:none !important;\n  border:1px solid rgba(120,120,120,0.12) !important;\n  border-radius:20px !important;\n  overflow:hidden !important;\n  color:#222 !important;\n}\nsection.portfolio .product-panel h3,\nsection.portfolio .product-panel p,\nsection.portfolio .product-panel .product-category{\n  color:#222 !important;\n}\n\nsection.contact.contact-white .section-label{\n  color:#eb008b !important;\n}\n\n@media screen and (max-width:1024px){\n  section.future .mission-grid{\n    display:grid !important;\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:24px !important;\n  }\n  section.future .mission-grid > .mission-block{\n    width:auto !important;\n    grid-column:auto !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.future .mission-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:12px !important;\n  }\n}\n<\/style>\n\n<style id=\"product-card-and-mobile-number-fix\">\nsection.portfolio .product-panel{\n  background:transparent !important;\n  background-color:transparent !important;\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n  box-shadow:none !important;\n  border:1px solid rgba(180,180,180,0.12) !important;\n  border-radius:20px !important;\n  overflow:hidden !important;\n}\n\nsection.portfolio .product-panel .product-category{\n  color:#E21E83 !important;\n}\nsection.portfolio .product-panel h3{\n  color:#001489 !important;\n}\nsection.portfolio .product-panel p:not(.product-category){\n  color:#fff !important;\n}\n\nsection.contact.contact-white .section-label{\n  color:#E21E83 !important;\n}\n\n@media screen and (max-width:1024px){\n  section.values .value-number{\n    font-size:clamp(22px,3.5vw,32px) !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.values .value-number{\n    font-size:22px !important;\n    line-height:1.1 !important;\n  }\n}\n<\/style>\n\n<style id=\"mission-responsive-fix\">\n@media screen and (max-width:1024px){\n  section.future .mission-grid{\n    display:grid !important;\n    grid-template-columns:minmax(0,1fr) !important;\n    grid-template-rows:repeat(2,auto) !important;\n    gap:24px !important;\n  }\n  section.future .mission-block{\n    width:auto !important;\n    grid-column:1 !important;\n    border-radius:20px !important;\n  }\n}\n@media screen and (min-width:1025px){\n  section.future .mission-block{\n    border-radius:20px !important;\n  }\n}\n<\/style>\n\n<style id=\"button-final-fix\">\nsection.hero .hero-link,\nsection.contact .contact-link{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:12px !important;\n  position:relative !important;\n  box-sizing:border-box !important;\n  min-height:52px !important;\n  padding:14px 24px !important;\n  border:1px solid rgba(255,255,255,.28) !important;\n  border-radius:14px !important;\n  background:transparent !important;\n  color:inherit !important;\n  text-decoration:none !important;\n  transition:background .35s ease, color .35s ease, border-color .35s ease, transform .35s ease !important;\n  overflow:hidden !important;\n  isolation:isolate !important;\n}\nsection.hero .hero-link::before,\nsection.contact .contact-link::before{\n  content:\"\" !important;\n  position:absolute !important;\n  inset:0 !important;\n  z-index:-1 !important;\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  opacity:0 !important;\n  transition:opacity .35s ease !important;\n}\nsection.hero .hero-link:hover,\nsection.contact .contact-link:hover{\n  color:#fff !important;\n  border-color:transparent !important;\n  transform:translateY(-2px) !important;\n}\nsection.hero .hero-link:hover::before,\nsection.contact .contact-link:hover::before{\n  opacity:1 !important;\n}\nsection.hero .hero-link svg,\nsection.contact .contact-link svg{\n  width:18px !important;\n  height:18px !important;\n  flex:0 0 18px !important;\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.8 !important;\n  transition:transform .35s ease !important;\n}\nsection.hero .hero-link:hover svg,\nsection.contact .contact-link:hover svg{\n  transform:translateX(-3px) !important;\n}\nsection.contact.contact-white .contact-link{\n  color:#001489 !important;\n  border-color:rgba(0,20,137,.22) !important;\n}\nsection.contact.contact-white .contact-link:hover{\n  color:#fff !important;\n  border-color:transparent !important;\n}\n@media screen and (max-width:600px){\n  section.hero .hero-link,\n  section.contact .contact-link{\n    min-height:48px !important;\n    padding:12px 18px !important;\n    border-radius:14px !important;\n    font-size:14px !important;\n  }\n}\n<\/style>\n\n<style id=\"hero-button-final-polish\">\nsection.hero .hero-link,\nsection.contact .contact-link{\n  border-radius:999px !important;\n}\n\nsection.hero .hero-content{\n  transform:translateY(-5vh) !important;\n}\n@media screen and (max-width:1024px){\n  section.hero .hero-content{\n    transform:translateY(-4vh) !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.hero .hero-content{\n    transform:translateY(-3vh) !important;\n  }\n}\n<\/style>\n\n<style id=\"button-refined-style\">\nsection.hero .hero-link,\nsection.contact .contact-link{\n  min-height:44px !important;\n  padding:10px 18px !important;\n  gap:9px !important;\n  border-radius:999px !important;\n  border:1px solid rgba(255,255,255,.24) !important;\n  font-size:14px !important;\n  font-weight:500 !important;\n  letter-spacing:0 !important;\n  box-shadow:none !important;\n}\nsection.hero .hero-link svg,\nsection.contact .contact-link svg{\n  width:15px !important;\n  height:15px !important;\n  flex:0 0 15px !important;\n  stroke-width:1.5 !important;\n}\nsection.hero .hero-link:hover,\nsection.contact .contact-link:hover{\n  transform:translateY(-1px) !important;\n}\nsection.hero .hero-link:hover svg,\nsection.contact .contact-link:hover svg{\n  transform:translateX(-2px) !important;\n}\nsection.contact.contact-white .contact-link{\n  min-height:44px !important;\n  border:1px solid rgba(0,20,137,.18) !important;\n}\n@media screen and (max-width:600px){\n  section.hero .hero-link,\n  section.contact .contact-link{\n    min-height:40px !important;\n    padding:8px 16px !important;\n    gap:8px !important;\n    font-size:13px !important;\n  }\n  section.hero .hero-link svg,\n  section.contact .contact-link svg{\n    width:14px !important;\n    height:14px !important;\n    flex-basis:14px !important;\n  }\n}\n<\/style>\n\n<style id=\"latest-product-button-polish\">\nsection.hero .hero-kicker{\n  color:#E21E83 !important;\n}\n\nsection.portfolio .product-panel{\n  display:flex !important;\n  flex-direction:column !important;\n}\nsection.portfolio .product-more{\n  align-self:flex-start !important;\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:8px !important;\n  margin-top:auto !important;\n  padding:8px 14px !important;\n  min-height:34px !important;\n  border:1px solid rgba(0,20,137,.18) !important;\n  border-radius:999px !important;\n  background:transparent !important;\n  color:#001489 !important;\n  text-decoration:none !important;\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n  font-size:12px !important;\n  font-weight:500 !important;\n  transition:transform .35s ease,border-color .35s ease,color .35s ease !important;\n  overflow:hidden !important;\n  position:relative !important;\n  isolation:isolate !important;\n}\nsection.portfolio .product-more::before{\n  content:\"\" !important;\n  position:absolute !important;\n  inset:0 !important;\n  z-index:-1 !important;\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  opacity:0 !important;\n  transition:opacity .35s ease !important;\n}\nsection.portfolio .product-more svg{\n  width:14px !important;\n  height:14px !important;\n  flex:0 0 14px !important;\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.6 !important;\n  transition:transform .35s ease !important;\n}\nsection.portfolio .product-more:hover{\n  color:#fff !important;\n  border-color:transparent !important;\n  transform:translateY(-1px) !important;\n}\nsection.portfolio .product-more:hover::before{\n  opacity:1 !important;\n}\nsection.portfolio .product-more:hover svg{\n  transform:translateX(-3px) !important;\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-more{\n    padding:7px 12px !important;\n    min-height:32px !important;\n    font-size:11px !important;\n  }\n}\n<\/style>\n\n<style id=\"matris-latest-refinements\">\nsection.hero .hero-kicker{\n  color:#E21E83 !important;\n}\n\nsection.hero .hero-link svg,\nsection.contact .contact-link svg,\nsection.portfolio .product-more svg{\n  transition:transform .45s cubic-bezier(.22,1,.36,1), opacity .3s ease !important;\n  stroke-linecap:round !important;\n  stroke-linejoin:round !important;\n}\nsection.hero .hero-link:hover svg,\nsection.contact .contact-link:hover svg,\nsection.portfolio .product-more:hover svg{\n  transform:translateX(-5px) scale(1.08) !important;\n}\nsection.hero .hero-link:hover,\nsection.contact .contact-link:hover,\nsection.portfolio .product-more:hover{\n  transition:background .35s ease, color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease !important;\n}\n\nsection.portfolio .product-panel{\n  min-height:0 !important;\n  height:auto !important;\n  padding:26px 26px 22px !important;\n}\n\nsection.portfolio .product-more{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:8px !important;\n  min-height:38px !important;\n  padding:8px 17px !important;\n  margin-top:14px !important;\n  border-radius:999px !important;\n  background:#001489 !important;\n  color:#fff !important;\n  border:1px solid #001489 !important;\n  text-decoration:none !important;\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n  font-size:13px !important;\n  font-weight:500 !important;\n  line-height:1 !important;\n  box-sizing:border-box !important;\n  transition:background .35s ease, color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease !important;\n}\nsection.portfolio .product-more:hover{\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  border-color:transparent !important;\n  color:#fff !important;\n  transform:translateY(-2px) !important;\n  box-shadow:0 8px 22px rgba(0,20,137,.16) !important;\n}\nsection.portfolio .product-more svg{\n  width:15px !important;\n  height:15px !important;\n  flex:0 0 15px !important;\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.7 !important;\n}\n\n@media screen and (max-width:1024px){\n  section.portfolio .product-panel{\n    padding:22px 22px 19px !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-panel{\n    padding:19px 17px 17px !important;\n  }\n  section.portfolio .product-more{\n    min-height:36px !important;\n    padding:8px 14px !important;\n    font-size:12px !important;\n  }\n}\n<\/style>\n\n<style id=\"product-buttons-and-hero-final\">\nsection.hero .hero-kicker{\n  color:#E21E83 !important;\n}\n\nsection.portfolio .product-panel{\n  min-height:0 !important;\n  padding-top:24px !important;\n  padding-bottom:20px !important;\n}\n\nsection.portfolio .product-more{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:8px !important;\n  margin-top:18px !important;\n  min-height:38px !important;\n  padding:8px 16px !important;\n  box-sizing:border-box !important;\n  border:1px solid transparent !important;\n  border-radius:999px !important;\n  background:#001489 !important;\n  color:#fff !important;\n  text-decoration:none !important;\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n  font-size:13px !important;\n  font-weight:500 !important;\n  line-height:1 !important;\n  transition:background .4s ease, transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease !important;\n}\nsection.portfolio .product-more svg{\n  width:15px !important;\n  height:15px !important;\n  flex:0 0 15px !important;\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.7 !important;\n  transition:transform .5s cubic-bezier(.22,1,.36,1) !important;\n}\nsection.portfolio .product-more:hover{\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  color:#fff !important;\n  transform:translateY(-2px) !important;\n  box-shadow:0 8px 22px rgba(0,20,137,.16) !important;\n}\nsection.portfolio .product-more:hover svg{\n  transform:translateX(-4px) !important;\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-panel{\n    padding-top:20px !important;\n    padding-bottom:17px !important;\n  }\n  section.portfolio .product-more{\n    min-height:35px !important;\n    margin-top:14px !important;\n    padding:7px 13px !important;\n    font-size:12px !important;\n  }\n  section.portfolio .product-more svg{\n    width:14px !important;\n    height:14px !important;\n    flex-basis:14px !important;\n  }\n}\n<\/style>\n\n<style id=\"latest-matris-refinements\">\nsection.hero .hero-kicker{\n  color:#E21E83 !important;\n}\n\nsection.portfolio .product-panel{\n  min-height:0 !important;\n  padding-bottom:20px !important;\n}\nsection.portfolio .product-more-button{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:8px !important;\n  margin-top:16px !important;\n  min-height:38px !important;\n  padding:8px 16px !important;\n  border-radius:999px !important;\n  background:#001489 !important;\n  color:#fff !important;\n  border:1px solid #001489 !important;\n  text-decoration:none !important;\n  font-family:\"IranYekanX\",Tahoma,Arial,sans-serif !important;\n  font-size:13px !important;\n  font-weight:500 !important;\n  line-height:1 !important;\n  transition:background .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease !important;\n}\nsection.portfolio .product-more-button svg{\n  width:15px !important;\n  height:15px !important;\n  flex:0 0 15px !important;\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.7 !important;\n  transition:transform .4s cubic-bezier(.2,.8,.2,1) !important;\n}\nsection.portfolio .product-more-button:hover{\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  border-color:transparent !important;\n  color:#fff !important;\n  transform:translateY(-2px) !important;\n  box-shadow:0 7px 20px rgba(0,20,137,.12) !important;\n}\nsection.portfolio .product-more-button:hover svg{\n  transform:translateX(-4px) !important;\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-panel{\n    padding-bottom:16px !important;\n  }\n  section.portfolio .product-more-button{\n    min-height:34px !important;\n    padding:7px 13px !important;\n    margin-top:12px !important;\n    font-size:12px !important;\n  }\n  section.portfolio .product-more-button svg{\n    width:14px !important;\n    height:14px !important;\n    flex-basis:14px !important;\n  }\n}\n<\/style>\n\n<style id=\"product-card-single-button-fix\">\nsection.portfolio .product-panel{\n  display:flex !important;\n  flex-direction:column !important;\n  min-height:0 !important;\n}\nsection.portfolio .product-panel .product-more{\n  align-self:flex-start !important;\n  margin-top:18px !important;\n}\nsection.portfolio .product-panel .product-more span{\n  display:inline-block !important;\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-panel .product-more{\n    margin-top:12px !important;\n  }\n}\n<\/style>\n\n<style id=\"equal-product-card-height\">\nsection.portfolio .product-grid{\n  align-items:stretch !important;\n}\nsection.portfolio .product-panel{\n  height:100% !important;\n  min-height:360px !important;\n  box-sizing:border-box !important;\n  display:flex !important;\n  flex-direction:column !important;\n}\nsection.portfolio .product-panel > p:not(.product-category){\n  flex:1 1 auto !important;\n  margin-bottom:0 !important;\n}\nsection.portfolio .product-panel .product-more{\n  flex:0 0 auto !important;\n  align-self:flex-start !important;\n  margin-top:18px !important;\n}\n@media screen and (max-width:1024px){\n  section.portfolio .product-panel{\n    min-height:360px !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.portfolio .product-panel{\n    min-height:330px !important;\n  }\n}\n<\/style>\n\n<style id=\"complete-matrix-text-sections\">\nsection.policy{\n  background:#fff !important;\n  color:#111 !important;\n}\nsection.policy .section-label{\n  color:#E21E83 !important;\n}\nsection.policy .policy-grid{\n  display:grid !important;\n  grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n  gap:24px !important;\n  margin-top:40px !important;\n}\nsection.policy .policy-card{\n  box-sizing:border-box !important;\n  border:1px solid rgba(180,180,180,.12) !important;\n  border-radius:20px !important;\n  padding:30px !important;\n  background:transparent !important;\n  box-shadow:none !important;\n}\nsection.policy .policy-card p,\nsection.policy .policy-card li{\n  color:inherit !important;\n  line-height:2 !important;\n}\nsection.policy .policy-card ol{\n  margin:0 !important;\n  padding-right:24px !important;\n}\nsection.policy .policy-card li{\n  padding-right:6px !important;\n  margin-bottom:8px !important;\n}\n@media screen and (max-width:1024px){\n  section.policy .policy-grid{\n    grid-template-columns:1fr !important;\n    grid-template-rows:repeat(2,auto) !important;\n  }\n}\n@media screen and (max-width:600px){\n  section.policy .policy-grid{\n    gap:12px !important;\n    margin-top:28px !important;\n  }\n  section.policy .policy-card{\n    padding:20px !important;\n  }\n}\n<\/style>\n\n<style id=\"alternating-section-palette\">\nsection.intro,\nsection.policy,\nsection.values,\nsection.overview{\n  background:#fff !important;\n  color:#111 !important;\n}\nsection.history,\nsection.future,\nsection.portfolio{\n  background:#00062c !important;\n  color:#fff !important;\n}\nsection.contact.contact-white{\n  background:#fff !important;\n  color:#111 !important;\n}\n\nsection.history .section-label,\nsection.future .section-label,\nsection.portfolio .section-label{\n  color:#E21E83 !important;\n}\nsection.history h2,\nsection.future h2,\nsection.portfolio h2,\nsection.history h3,\nsection.future h3,\nsection.portfolio h3{\n  color:#fff !important;\n}\nsection.history .lead-text,\nsection.future .lead-text,\nsection.portfolio .lead-text,\nsection.history p,\nsection.future p,\nsection.portfolio .product-panel p:not(.product-category){\n  color:rgba(255,255,255,.82) !important;\n}\nsection.portfolio .product-panel{\n  border-color:rgba(255,255,255,.12) !important;\n}\nsection.portfolio .product-panel h3{\n  color:#fff !important;\n}\nsection.portfolio .product-category{\n  color:#E21E83 !important;\n}\nsection.policy .section-label,\nsection.values .section-label,\nsection.overview .section-label{\n  color:#E21E83 !important;\n}\nsection.policy h2,\nsection.values h2,\nsection.overview h2{\n  color:#001489 !important;\n}\nsection.policy .policy-card{\n  border-color:rgba(0,0,0,.10) !important;\n}\nsection.values .glass-panel,\nsection.overview .glass-panel{\n  border-color:rgba(0,0,0,.10) !important;\n}\n<\/style>\n\n<style id=\"white-card-text-visibility-fix\">\nsection.policy .policy-card,\nsection.values .glass-panel,\nsection.overview .glass-panel{\n  color:#222 !important;\n}\nsection.policy .policy-card h3,\nsection.values .glass-panel h3,\nsection.overview .glass-panel h3{\n  color:#001489 !important;\n}\nsection.policy .policy-card p,\nsection.policy .policy-card li,\nsection.values .glass-panel p,\nsection.overview .glass-panel p,\nsection.overview .stat-panel span{\n  color:#333 !important;\n}\nsection.policy .policy-card li::marker{\n  color:#E21E83 !important;\n}\nsection.values .glass-panel .value-number,\nsection.overview .stat-panel strong{\n  color:#E21E83 !important;\n}\nsection.values .glass-panel .value-number{\n  font-weight:600 !important;\n}\nsection.overview .stat-panel strong{\n  color:#001489 !important;\n}\n<\/style>\n\n<style id=\"final-factory-hero-and-light-card-fix\">\nsection.hero .hero-photo{\n  background-position:center center !important;\n  background-size:cover !important;\n  background-repeat:no-repeat !important;\n  filter:saturate(.72) contrast(1.06) !important;\n  transform:scale(1.025) !important;\n}\n\nsection.hero .hero-shade{\n  background:\n    linear-gradient(\n      100deg,\n      rgba(226,30,131,.54) 0%,\n      rgba(139,43,145,.38) 27%,\n      rgba(0,20,137,.68) 63%,\n      rgba(0,6,44,.84) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(0,6,44,.62) 0%,\n      rgba(0,6,44,.18) 52%,\n      rgba(0,6,44,.08) 100%\n    ) !important;\n}\n\nsection.hero .hero-content{\n  position:relative !important;\n  z-index:2 !important;\n}\n\nsection.portfolio .product-panel{\n  background:#fff !important;\n  background-color:#fff !important;\n  color:#11152d !important;\n  border:1px solid rgba(120,120,120,.12) !important;\n  box-shadow:0 10px 28px rgba(0,6,44,.045) !important;\n}\n\nsection.portfolio .product-panel .product-category{\n  color:#E21E83 !important;\n}\n\nsection.portfolio .product-panel h3{\n  color:#001489 !important;\n}\n\nsection.portfolio .product-panel p,\nsection.portfolio .product-panel p:last-child,\nsection.portfolio .product-panel p:not(.product-category){\n  color:#fff !important;\n}\n\nsection.portfolio .product-panel:hover{\n  background:#fff !important;\n  transform:translateY(-5px) !important;\n  box-shadow:0 16px 34px rgba(0,20,137,.08) !important;\n}\n\nsection.portfolio .product-more{\n  background:#001489 !important;\n  color:#fff !important;\n  border-color:#001489 !important;\n}\n\nsection.portfolio .product-more:hover{\n  background:linear-gradient(105deg,#E21E83 0%,#8B2B91 48%,#001489 100%) !important;\n  color:#fff !important;\n  border-color:transparent !important;\n}\n\n@media screen and (max-width:600px){\n  section.hero .hero-photo{\n    background-position:60% center !important;\n  }\n\n  section.hero .hero-shade{\n    background:\n      linear-gradient(\n        100deg,\n        rgba(226,30,131,.46) 0%,\n        rgba(139,43,145,.40) 35%,\n        rgba(0,20,137,.76) 72%,\n        rgba(0,6,44,.88) 100%\n      ),\n      linear-gradient(\n        0deg,\n        rgba(0,6,44,.64),\n        rgba(0,6,44,.16)\n      ) !important;\n  }\n}\n<\/style>\n\n<style id=\"desktop-timeline-center-fix\">\n@media screen and (min-width: 701px){\n  .timeline{\n    position:relative !important;\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;\n    min-height:100vh !important;\n    align-items:center !important;\n  }\n\n  .timeline::before{\n    left:50% !important;\n    right:auto !important;\n    top:0 !important;\n    bottom:0 !important;\n    width:2px !important;\n    transform:translateX(-50%) scaleY(var(--timeline-progress)) !important;\n    transform-origin:top center !important;\n  }\n\n  .timeline-item{\n    align-self:center !important;\n    margin-bottom:0 !important;\n  }\n\n  .timeline-item.is-right{\n    grid-column:2 !important;\n    padding-right:56px !important;\n  }\n\n  .timeline-item.is-left{\n    grid-column:1 !important;\n    padding-left:56px !important;\n    text-align:right !important;\n  }\n\n  .is-right .timeline-dot{\n    right:auto !important;\n    left:-8px !important;\n    top:0 !important;\n  }\n\n  .is-left .timeline-dot{\n    left:auto !important;\n    right:-8px !important;\n    top:0 !important;\n  }\n\n  section.policy{\n    min-height:100vh !important;\n    display:flex !important;\n    align-items:center !important;\n  }\n\n  section.policy > .container{\n    width:min(1160px,calc(100% - 48px)) !important;\n  }\n}\n<\/style>\n\n<style id=\"elementor-iranyekanx-global-font\">\nhtml, body, body * {\n  font-family: \"IranYekanX\" !important;\n}\n<\/style>\n\n<style id=\"fix-timeline-policy-alignment\">\n@media screen and (min-width: 701px){\n  .timeline{\n    align-content: center !important;\n    row-gap: 60px !important;\n  }\n\n  .timeline-item.is-right{\n    padding-right: 0 !important;\n    padding-left: 56px !important;\n  }\n\n  .timeline-item.is-left{\n    padding-left: 0 !important;\n    padding-right: 56px !important;\n  }\n\n  section.policy{\n    box-sizing: border-box !important;\n  }\n}\n<\/style>\n\n<style id=\"requested-zigzag-timeline-final\">\n@media screen and (min-width:701px){\n\n  .timeline{\n    position:relative !important;\n    display:grid !important;\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;\n    grid-template-rows:auto auto auto auto !important;\n    column-gap:0 !important;\n    row-gap:70px !important;\n    align-items:start !important;\n    align-content:start !important;\n    min-height:auto !important;\n    direction:ltr !important;\n  }\n\n  .timeline::before{\n    content:\"\" !important;\n    position:absolute !important;\n    top:0 !important;\n    bottom:0 !important;\n    left:50% !important;\n    right:auto !important;\n    width:2px !important;\n    background:linear-gradient(\n      180deg,\n      #E21E83 0%,\n      #8065CE 54%,\n      #001489 100%\n    ) !important;\n    transform:translateX(-50%) scaleY(var(--timeline-progress)) !important;\n    transform-origin:top center !important;\n  }\n\n  .timeline-item{\n    position:relative !important;\n    width:auto !important;\n    margin:0 !important;\n    align-self:start !important;\n    direction:rtl !important;\n    text-align:right !important;\n  }\n\n  .timeline-item:nth-child(1){\n    grid-column:1 !important;\n    grid-row:1 !important;\n    padding-left:0 !important;\n    padding-right:40px !important;\n  }\n\n  .timeline-item:nth-child(2){\n    grid-column:2 !important;\n    grid-row:2 !important;\n    padding-left:40px !important;\n    padding-right:0 !important;\n  }\n\n  .timeline-item:nth-child(3){\n    grid-column:1 !important;\n    grid-row:3 !important;\n    padding-left:0 !important;\n    padding-right:40px !important;\n  }\n\n  .timeline-item:nth-child(4){\n    grid-column:2 !important;\n    grid-row:4 !important;\n    padding-left:40px !important;\n    padding-right:0 !important;\n  }\n\n  .timeline-item.is-left .timeline-dot{\n    position:absolute !important;\n    top:0 !important;\n    right:-8px !important;\n    left:auto !important;\n    transform:none !important;\n  }\n\n  .timeline-item.is-right .timeline-dot{\n    position:absolute !important;\n    top:0 !important;\n    left:-8px !important;\n    right:auto !important;\n    transform:none !important;\n  }\n\n  .timeline-year{\n    display:inline-block !important;\n    margin-bottom:10px !important;\n    color:#E21E83 !important;\n  }\n\n  .timeline-item h3{\n    margin-bottom:8px !important;\n  }\n\n  .timeline-item > p:last-child{\n    max-width:430px !important;\n    margin-bottom:0 !important;\n  }\n}\n\n@media screen and (max-width:700px){\n\n  .timeline{\n    display:block !important;\n    position:relative !important;\n    direction:rtl !important;\n  }\n\n  .timeline::before{\n    top:6px !important;\n    right:7px !important;\n    left:auto !important;\n    bottom:28px !important;\n    width:2px !important;\n    transform:scaleY(var(--timeline-progress)) !important;\n    transform-origin:top !important;\n  }\n\n  .timeline-item,\n  .timeline-item.is-right,\n  .timeline-item.is-left{\n    display:block !important;\n    width:auto !important;\n    margin:0 0 36px !important;\n    padding:0 33px 0 0 !important;\n    text-align:right !important;\n  }\n\n  .timeline-item:last-child{\n    margin-bottom:0 !important;\n  }\n\n  .timeline-item.is-left .timeline-dot,\n  .timeline-item.is-right .timeline-dot{\n    top:6px !important;\n    right:-1px !important;\n    left:auto !important;\n    transform:none !important;\n  }\n\n  .timeline-year{\n    color:#E21E83 !important;\n  }\n\n  .timeline-item > p:last-child{\n    max-width:none !important;\n    font-size:.87rem !important;\n  }\n}\n<\/style>\n\n<style id=\"hero-image-magenta-overlay\">\n.hero-photo {\n  background-image: url(\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/DSC005551.jpg\") !important;\n  background-position: center center !important;\n  background-size: cover !important;\n  background-repeat: no-repeat !important;\n  filter: saturate(0.72) contrast(1.08) !important;\n}\n\n.hero-shade {\n  background:\n    linear-gradient(0deg, rgba(226, 30, 131, 0.20), rgba(226, 30, 131, 0.20)),\n    linear-gradient(90deg, rgba(0, 6, 44, 0.68) 0%, rgba(0, 6, 44, 0.48) 48%, rgba(0, 6, 44, 0.30) 100%) !important;\n}\n<\/style>\n\n<style id=\"hero-matris-final\">\n.hero {\n  position: relative !important;\n  overflow: hidden !important;\n  background-image:\n    linear-gradient(\n      115deg,\n      rgba(226, 30, 131, 0.72) 0%,\n      rgba(226, 30, 131, 0.48) 35%,\n      rgba(226, 30, 131, 0.24) 68%,\n      rgba(226, 30, 131, 0.10) 100%\n    ),\n    url(\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/DSC005551.jpg\") !important;\n  background-size: cover !important;\n  background-position: center !important;\n  background-repeat: no-repeat !important;\n}\n\n.hero-shade {\n  background: transparent !important;\n}\n\n.hero h1,\n.hero .hero-title {\n  position: relative !important;\n  z-index: 3 !important;\n  color: #E21E83 !important;\n  background: linear-gradient(\n    100deg,\n    #ff4ca5 0%,\n    #E21E83 42%,\n    #b90068 72%,\n    #ff4ca5 100%\n  ) !important;\n  -webkit-background-clip: text !important;\n  background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  font-weight: 900 !important;\n  text-shadow: 0 8px 30px rgba(226, 30, 131, 0.18) !important;\n}\n<\/style>\n\n<style id=\"hero-about-matris-complete\">\n.hero .hero-kicker,\n.hero .brand-name {\n  display: none !important;\n}\n\n.hero-about-title {\n  display: block !important;\n  margin: 0 0 24px !important;\n  font-size: clamp(3.2rem, 8vw, 7rem) !important;\n  line-height: 1.05 !important;\n  font-weight: 900 !important;\n  letter-spacing: -0.035em !important;\n  text-align: center !important;\n  background: linear-gradient(\n    110deg,\n    #ff72bb 0%,\n    #E21E83 30%,\n    #b50063 55%,\n    #e21e83 75%,\n    #ff8ac7 100%\n  ) !important;\n  -webkit-background-clip: text !important;\n  background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  color: #E21E83 !important;\n  text-shadow: 0 10px 35px rgba(226,30,131,.18) !important;\n}\n\n.hero .hero-statement {\n  max-width: 900px !important;\n  margin: 0 auto 16px !important;\n  text-align: center !important;\n  color: rgba(255,255,255,.96) !important;\n  font-size: clamp(1.15rem, 2vw, 1.6rem) !important;\n  font-weight: 800 !important;\n  line-height: 1.8 !important;\n}\n\n.hero .hero-description {\n  max-width: 800px !important;\n  margin: 0 auto 28px !important;\n  text-align: center !important;\n  color: rgba(255,255,255,.78) !important;\n  font-size: 1rem !important;\n  line-height: 2.1 !important;\n}\n\n.hero .hero-link {\n  position: relative !important;\n  z-index: 5 !important;\n}\n\n.hero-photo {\n  background-image: url(\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/matris-factory.webp\") !important;\n  background-position: center !important;\n  background-size: cover !important;\n  background-repeat: no-repeat !important;\n}\n\n.hero-shade {\n  background:\n    linear-gradient(115deg,\n      rgba(226,30,131,.36) 0%,\n      rgba(226,30,131,.22) 42%,\n      rgba(0,6,44,.34) 100%) !important;\n}\n<\/style>\n\n<style id=\"hero-h1-visibility-final\">\n.hero .hero-about-title {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  position: relative !important;\n  z-index: 10 !important;\n  margin: 0 0 24px !important;\n  text-align: center !important;\n  font-size: clamp(3rem, 7vw, 6.5rem) !important;\n  line-height: 1.08 !important;\n  font-weight: 900 !important;\n  background: linear-gradient(\n    110deg,\n    #ff72bb 0%,\n    #E21E83 30%,\n    #b50063 55%,\n    #E21E83 76%,\n    #ff8ac7 100%\n  ) !important;\n  -webkit-background-clip: text !important;\n  background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  color: #E21E83 !important;\n}\n<\/style>\n\n<style id=\"hero-h1-eb008b\">\n.hero .hero-about-title {\n  color: #eb008b !important;\n  -webkit-text-fill-color: #eb008b !important;\n  background: none !important;\n  -webkit-background-clip: initial !important;\n  background-clip: initial !important;\n}\n<\/style>\n\n<style id=\"intro-image-600x400\">\n.intro-art {\n  width: 600px !important;\n  height: 400px !important;\n  min-height: 400px !important;\n  overflow: hidden !important;\n  border-radius: 20px !important;\n  background: transparent !important;\n}\n.intro-image {\n  display: block !important;\n  width: 100% !important;\n  height: 400px !important;\n  max-width: 100% !important;\n  object-fit: cover !important;\n  border-radius: 20px !important;\n}\n@media (max-width: 700px) {\n  .intro-art {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 0 !important;\n    aspect-ratio: 3 \/ 2 !important;\n  }\n  .intro-image {\n    width: 100% !important;\n    height: 100% !important;\n  }\n}\n<\/style>\n\n<style id=\"timeline-layout-final\">\n@media screen and (min-width: 701px) {\n  .history .timeline {\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;\n    grid-template-rows: auto auto auto auto !important;\n    row-gap: 70px !important;\n    align-items: start !important;\n  }\n\n  .history .timeline-item {\n    width: 100% !important;\n    box-sizing: border-box !important;\n    text-align: right !important;\n  }\n\n  .history .timeline-item.is-left,\n  .history .timeline-item.is-right {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .history .timeline-item:nth-child(1) {\n    grid-column: 1 !important;\n    grid-row: 1 !important;\n    padding-right: 40px !important;\n  }\n\n  .history .timeline-item:nth-child(2) {\n    grid-column: 2 !important;\n    grid-row: 2 !important;\n    padding-left: 40px !important;\n  }\n\n  .history .timeline-item:nth-child(3) {\n    grid-column: 1 !important;\n    grid-row: 3 !important;\n    padding-right: 40px !important;\n  }\n\n  .history .timeline-item:nth-child(4) {\n    grid-column: 2 !important;\n    grid-row: 4 !important;\n    padding-left: 40px !important;\n  }\n\n  .history .timeline-item .timeline-year {\n    display: block !important;\n    margin: 0 0 10px !important;\n    color: #eb008b !important;\n    font-weight: 900 !important;\n    text-align: right !important;\n  }\n\n  .history .timeline-item h3 {\n    margin: 0 0 14px !important;\n    text-align: right !important;\n    line-height: 1.35 !important;\n  }\n\n  .history .timeline-item > p:not(.timeline-year) {\n    margin-top: 0 !important;\n    text-align: right !important;\n    max-width: 100% !important;\n    line-height: 2 !important;\n  }\n\n  .history .timeline-item.is-left .timeline-dot {\n    right: -8px !important;\n    left: auto !important;\n    transform: none !important;\n  }\n\n  .history .timeline-item.is-right .timeline-dot {\n    left: -8px !important;\n    right: auto !important;\n    transform: none !important;\n  }\n}\n\n.hero-photo {\n  animation: none !important;\n  transform: none !important;\n  transition: none !important;\n}\n<\/style>\n\n<style id=\"policy-persian-numbers-only\">\n.policy .policy-card ol {\n  list-style: none !important;\n  counter-reset: policy-item !important;\n}\n.policy .policy-card ol > li {\n  counter-increment: policy-item !important;\n  position: relative !important;\n  padding-right: 0 !important;\n}\n.policy .policy-card ol > li::before {\n  content: counter(policy-item, persian) \".\" !important;\n  color: #eb008b !important;\n  font-variant-numeric: normal !important;\n}\n<\/style>\n\n<style id=\"policy-number-spacing\">\n.policy .policy-card ol > li::before {\n  margin-left: 5px !important;\n}\n<\/style>\n\n<style id=\"future-pink-elements\">\n.future .future-number,\n.future .number,\n.future .nanil,\n.future .nanyl,\n.future .future-nanil,\n.future .rank-first,\n.future .first-rank {\n  color: #eb008b !important;\n}\n\n.future .future-number *,\n.future .number *,\n.future .nanil *,\n.future .nanyl *,\n.future .future-nanil *,\n.future .rank-first *,\n.future .first-rank * {\n  color: #eb008b !important;\n}\n<\/style>\n\n<style id=\"future-pink-final\">\n.future .mission-number,\n.future .mission-block h3,\n.future .rank-first {\n  color: #eb008b !important;\n}\n<\/style>\n\n<style id=\"values-final-adjustments\">\nsection.values .glass-panel .value-number {\n  font-size: clamp(1.65rem, 2.7vw, 2.35rem) !important;\n  line-height: 1.1 !important;\n}\nsection.values .section-heading .lead-text {\n  max-width: 780px !important;\n  line-height: 2.05 !important;\n}\n@media (max-width: 700px) {\n  section.values .glass-panel .value-number {\n    font-size: 1.65rem !important;\n  }\n}\n<\/style>\n\n<style id=\"values-visible-final\">\nsection.values .section-heading .lead-text {\n  display: block !important;\n  max-width: 820px !important;\n  margin-top: 0 !important;\n  line-height: 2.15 !important;\n}\nsection.values .glass-panel .value-number {\n  font-size: clamp(1.7rem, 2.6vw, 2.3rem) !important;\n  line-height: 1.1 !important;\n}\n@media (max-width: 700px) {\n  section.values .glass-panel .value-number {\n    font-size: 1.65rem !important;\n  }\n}\n<\/style>\n\n<style id=\"values-intro-final-fix\">\nsection.values .section-heading .values-intro {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  position: relative !important;\n  z-index: 5 !important;\n  max-width: 820px !important;\n  margin: 22px 0 0 auto !important;\n  color: var(--muted) !important;\n  font-size: clamp(1rem, 1.35vw, 1.12rem) !important;\n  font-weight: 400 !important;\n  line-height: 2.15 !important;\n  text-align: right !important;\n}\nsection.values .section-heading {\n  min-height: 260px !important;\n}\n@media (max-width: 700px) {\n  section.values .section-heading {\n    min-height: auto !important;\n  }\n  section.values .section-heading .values-intro {\n    margin-top: 16px !important;\n    font-size: 1rem !important;\n    line-height: 2 !important;\n  }\n}\n<\/style>\n\n<style id=\"values-cards-height-final\">\nsection.values .value-grid .glass-panel {\n  min-height: 0 !important;\n  height: auto !important;\n  padding-top: 30px !important;\n  padding-bottom: 30px !important;\n}\n<\/style>\n\n<style id=\"products-cards-much-shorter-final\">\nsection.portfolio .product-panel {\n  min-height: 220px !important;\n  padding-top: 22px !important;\n  padding-bottom: 22px !important;\n}\n@media screen and (max-width: 1024px) {\n  section.portfolio .product-panel {\n    min-height: 220px !important;\n  }\n}\n@media screen and (max-width: 600px) {\n  section.portfolio .product-panel {\n    min-height: 200px !important;\n    padding-top: 20px !important;\n    padding-bottom: 20px !important;\n  }\n}\n<\/style>\n\n<style id=\"final-cta-beautiful-typography\">\nsection.final-cta {\n  padding-top: clamp(70px, 8vw, 105px) !important;\n  padding-bottom: clamp(70px, 8vw, 105px) !important;\n}\nsection.final-cta h2,\nsection.final-cta .final-cta-title {\n  color: #eb008b !important;\n  font-size: clamp(2.8rem, 5.4vw, 5.2rem) !important;\n  line-height: 1.15 !important;\n  font-weight: 900 !important;\n  letter-spacing: -0.025em !important;\n  margin-bottom: 24px !important;\n}\nsection.final-cta .final-cta-subtitle {\n  display: block !important;\n  color: #001489 !important;\n  font-size: clamp(1.45rem, 2.4vw, 1.95rem) !important;\n  line-height: 1.65 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.012em !important;\n  margin-top: 10px !important;\n  margin-bottom: 24px !important;\n}\nsection.final-cta p {\n  font-size: clamp(1.15rem, 1.65vw, 1.5rem) !important;\n  line-height: 2.05 !important;\n  font-weight: 500 !important;\n}\nsection.final-cta a,\nsection.final-cta .btn {\n  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;\n  font-weight: 800 !important;\n}\n@media (max-width: 700px) {\n  section.final-cta h2,\n  section.final-cta .final-cta-title {\n    font-size: 2.45rem !important;\n  }\n  section.final-cta .final-cta-subtitle {\n    font-size: 1.35rem !important;\n  }\n}\n<\/style>\n\n<style id=\"all-sections-100vh-centered-final\">\nmain > section {\n  min-height: 100vh !important;\n  height: auto !important;\n  box-sizing: border-box !important;\n}\n\nmain > section:not(.hero):not(.contact) {\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n}\n\nmain > section:not(.hero):not(.contact) > .container {\n  width: min(1160px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\nmain > section.hero {\n  min-height: 100vh !important;\n  height: auto !important;\n  display: grid !important;\n  place-items: center !important;\n}\n\nmain > section.contact {\n  min-height: 100vh !important;\n  height: auto !important;\n  display: grid !important;\n  place-items: center !important;\n}\n\nmain > section .container {\n  flex: 0 0 auto;\n}\n\n@media screen and (max-width: 700px) {\n  main > section {\n    min-height: 100vh !important;\n    height: auto !important;\n  }\n\n  main > section:not(.hero):not(.contact) {\n    justify-content: center !important;\n  }\n\n  main > section.hero,\n  main > section.contact {\n    min-height: 100vh !important;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  main > section {\n    min-height: 100vh !important;\n  }\n}\n<\/style>\n\n<style id=\"final-product-responsive-compact\">\n@media screen and (max-width:1024px){\n  section.portfolio .product-grid{\n    display:grid !important;\n    grid-template-columns:minmax(0,1fr) !important;\n    grid-template-rows:none !important;\n    gap:20px !important;\n  }\n\n  section.portfolio .product-grid > .product-panel{\n    width:100% !important;\n    grid-column:1 !important;\n    grid-row:auto !important;\n  }\n}\n\nsection.portfolio .product-panel{\n  min-height:200px !important;\n  padding:19px 20px 17px !important;\n}\n\nsection.portfolio .product-panel .product-category{\n  margin-bottom:12px !important;\n  font-size:11px !important;\n}\n\nsection.portfolio .product-panel h3{\n  margin-bottom:7px !important;\n  font-size:1.08rem !important;\n  line-height:1.45 !important;\n}\n\nsection.portfolio .product-panel p:not(.product-category){\n  font-size:.80rem !important;\n  line-height:1.85 !important;\n}\n\nsection.portfolio .product-more{\n  min-height:32px !important;\n  padding:6px 12px !important;\n  margin-top:12px !important;\n  font-size:11px !important;\n  gap:6px !important;\n}\n\nsection.portfolio .product-more svg{\n  width:13px !important;\n  height:13px !important;\n  flex-basis:13px !important;\n}\n\n@media screen and (max-width:1024px){\n  section.portfolio .product-panel{\n    min-height:190px !important;\n    padding:17px 18px 15px !important;\n  }\n}\n\n@media screen and (max-width:600px){\n  section.portfolio .product-grid{\n    grid-template-columns:minmax(0,1fr) !important;\n    gap:16px !important;\n  }\n\n  section.portfolio .product-panel{\n    min-height:175px !important;\n    padding:16px 16px 14px !important;\n  }\n\n  section.portfolio .product-panel h3{\n    font-size:1rem !important;\n  }\n\n  section.portfolio .product-panel p:not(.product-category){\n    font-size:.75rem !important;\n    line-height:1.8 !important;\n  }\n\n  section.portfolio .product-more{\n    min-height:30px !important;\n    padding:6px 11px !important;\n    margin-top:10px !important;\n    font-size:10.5px !important;\n  }\n}\n<\/style>\n\n<style id=\"final-cta-eb008b\">\nsection.final-cta .section-label{\n  color:#eb008b !important;\n}\n\nsection.final-cta .section-label::before,\nsection.final-cta .section-label::after{\n  background-color:#eb008b !important;\n  border-color:#eb008b !important;\n}\n\nsection.final-cta .section-label{\n  --accent:#eb008b !important;\n}\n<\/style>\n\n<style id=\"final-cta-eb008b-fixed\">\nsection.contact.contact-white.final-cta .section-label{\n  color:#eb008b !important;\n  opacity:1 !important;\n  -webkit-text-fill-color:#eb008b !important;\n}\n\nsection.contact.contact-white.final-cta .section-label::before,\nsection.contact.contact-white.final-cta .section-label::after{\n  background:#eb008b !important;\n  background-color:#eb008b !important;\n  border-color:#eb008b !important;\n  opacity:1 !important;\n}\n\nsection.contact.contact-white.final-cta .section-label::before{\n  content:\"\" !important;\n}\n<\/style>\n\n<style id=\"final-cta-height-70vh\">\nsection.contact.contact-white.final-cta{\n  min-height:70vh !important;\n  height:70vh !important;\n  max-height:70vh !important;\n}\n<\/style>\n\n<style id=\"final-section-labels-larger\">\n.section-label{\n  font-size:0.95rem !important;\n  line-height:1.6 !important;\n}\n\n@media screen and (max-width:700px){\n  .section-label{\n    font-size:0.88rem !important;\n  }\n}\n<\/style>\n\n<style id=\"final-policy-responsive-uniform\">\n@media screen and (max-width:1024px){\n  section.policy .lead-text,\n  section.policy .policy-card p,\n  section.policy .policy-card li{\n    font-size:.86rem !important;\n    line-height:1.95 !important;\n    color:rgba(17,24,39,.62) !important;\n    font-weight:400 !important;\n  }\n\n  section.policy .policy-card li::before{\n    color:#eb008b !important;\n  }\n}\n\n@media screen and (max-width:600px){\n  section.policy .lead-text,\n  section.policy .policy-card p,\n  section.policy .policy-card li{\n    font-size:.84rem !important;\n    line-height:1.9 !important;\n    color:rgba(17,24,39,.62) !important;\n    font-weight:400 !important;\n  }\n}\n<\/style>\n\n<style id=\"matrix-values-responsive-text-fix\">\nsection.values .glass-panel p:not(.value-number) {\n  font-size: 0.88rem !important;\n  line-height: 1.95 !important;\n}\n\n@media screen and (max-width: 1024px) {\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 0.88rem !important;\n    line-height: 1.85 !important;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 0.67rem !important;\n    line-height: 1.8 !important;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 0.63rem !important;\n    line-height: 1.75 !important;\n  }\n}\n<\/style>\n\n<style id=\"mobile-final-refinements\">\n@media screen and (max-width: 700px){\n  section.history .timeline-year,\n  section.history .timeline-item .timeline-year{\n    color:#E21E83 !important;\n    font-size:.78rem !important;\n    font-weight:800 !important;\n    margin-bottom:8px !important;\n  }\n}\n\n@media screen and (max-width: 700px){\n  section.policy .policy-card:first-child ol{\n    padding-right:14px !important;\n    margin-right:0 !important;\n  }\n\n  section.policy .policy-card:first-child li{\n    padding-right:2px !important;\n    margin-right:0 !important;\n  }\n\n  section.policy .policy-card:first-child li::marker{\n    color:#E21E83 !important;\n  }\n}\n\n@media screen and (max-width: 700px){\n  section.future .mission-block h3{\n    font-size:1.18rem !important;\n    line-height:1.45 !important;\n    margin-bottom:13px !important;\n  }\n}\n\n@media screen and (max-width: 390px){\n  section.future .mission-block h3{\n    font-size:1.1rem !important;\n  }\n}\n\n@media screen and (max-width: 700px){\n  section.final-cta .section-label{\n    font-size:.78rem !important;\n  }\n\n  section.final-cta h2{\n    font-size:2rem !important;\n    line-height:1.3 !important;\n    margin-bottom:16px !important;\n  }\n\n  section.final-cta .final-cta-subtitle{\n    font-size:1.12rem !important;\n    line-height:1.7 !important;\n    margin-top:6px !important;\n    margin-bottom:14px !important;\n  }\n\n  section.final-cta > .container > p:not(.section-label){\n    font-size:.9rem !important;\n    line-height:1.9 !important;\n  }\n\n  section.final-cta .contact-link{\n    font-size:.82rem !important;\n  }\n}\n\n@media screen and (max-width: 390px){\n  section.final-cta h2{\n    font-size:1.85rem !important;\n  }\n\n  section.final-cta .final-cta-subtitle{\n    font-size:1.05rem !important;\n  }\n\n  section.final-cta > .container > p:not(.section-label){\n    font-size:.84rem !important;\n  }\n}\n<\/style>\n\n<style id=\"mobile-policy-number-final-fix\">\n@media screen and (max-width: 700px){\n  section.policy .policy-card:first-child ol{\n    position:relative !important;\n    margin:0 !important;\n    padding:0 !important;\n    list-style:none !important;\n  }\n\n  section.policy .policy-card:first-child ol > li{\n    position:relative !important;\n    padding-right:32px !important;\n    padding-left:0 !important;\n    margin:0 0 18px !important;\n    text-align:right !important;\n  }\n\n  section.policy .policy-card:first-child ol > li::before{\n    position:absolute !important;\n    right:0 !important;\n    top:0 !important;\n    width:24px !important;\n    margin:0 !important;\n    color:#E21E83 !important;\n    text-align:right !important;\n    font-size:inherit !important;\n    line-height:inherit !important;\n  }\n\n  section.policy .policy-card:first-child ol > li{\n    padding-right:27px !important;\n  }\n}\n\n@media screen and (max-width:390px){\n  section.policy .policy-card:first-child ol > li{\n    padding-right:25px !important;\n  }\n}\n<\/style>\n\n<style id=\"final-cta-weight-and-copy-final\">\nsection.final-cta .section-label{\n  font-weight:800 !important;\n}\n\nsection.final-cta > .container > p:not(.section-label){\n  max-width:680px !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n}\n<\/style>\n\n<style id=\"final-user-fixes-1\">\nsection.intro .intro-art{\n  width:100% !important;\n  max-width:600px !important;\n  justify-self:end !important;\n  overflow:hidden !important;\n  box-sizing:border-box !important;\n}\nsection.intro .intro-image{\n  display:block !important;\n  width:100% !important;\n  max-width:100% !important;\n  height:100% !important;\n  object-fit:cover !important;\n  box-sizing:border-box !important;\n}\n@media screen and (max-width:900px){\n  section.intro .intro-art{\n    width:100% !important;\n    max-width:600px !important;\n    justify-self:stretch !important;\n  }\n}\n<\/style>\n\n<style id=\"final-user-fixes-2\">\n@media screen and (min-width: 701px){\n  section.intro .intro-art{\n    width: min(600px, 100%) !important;\n    max-width: 100% !important;\n    overflow: hidden !important;\n  }\n  section.intro .intro-image{\n    width: 100% !important;\n    height: 400px !important;\n    max-width: 100% !important;\n    object-fit: cover !important;\n  }\n  section.contact.contact-white .contact-content > p:not(.section-label){\n    font-size: 0.88rem !important;\n    line-height: 1.9 !important;\n  }\n}\n<\/style>\n\n<style id=\"final-intro-image-fix\">\n@media screen and (min-width:901px){\n  section.intro .intro-art{\n    width:600px !important;\n    height:400px !important;\n    min-width:600px !important;\n    max-width:600px !important;\n    min-height:400px !important;\n    max-height:400px !important;\n    overflow:hidden !important;\n    box-sizing:border-box !important;\n    justify-self:end !important;\n  }\n  section.intro .intro-image{\n    display:block !important;\n    width:600px !important;\n    height:400px !important;\n    min-width:600px !important;\n    max-width:none !important;\n    min-height:400px !important;\n    max-height:400px !important;\n    object-fit:cover !important;\n    box-sizing:border-box !important;\n  }\n}\n<\/style>\n\n<style id=\"final-intro-layout-fix\">\n@media screen and (min-width:901px){\n  section.intro .intro-layout{\n    grid-template-columns:minmax(0,1fr) 600px !important;\n    column-gap:70px !important;\n    align-items:center !important;\n  }\n  section.intro .intro-copy{\n    min-width:0 !important;\n    max-width:100% !important;\n  }\n  section.intro .intro-art{\n    width:600px !important;\n    height:400px !important;\n    min-width:600px !important;\n    max-width:600px !important;\n    min-height:400px !important;\n    max-height:400px !important;\n    margin:0 !important;\n    justify-self:end !important;\n    overflow:hidden !important;\n    box-sizing:border-box !important;\n  }\n  section.intro .intro-image{\n    display:block !important;\n    width:600px !important;\n    height:400px !important;\n    max-width:none !important;\n    object-fit:cover !important;\n    box-sizing:border-box !important;\n  }\n}\n@media screen and (max-width:1100px) and (min-width:901px){\n  section.intro .intro-layout{\n    grid-template-columns:minmax(0,1fr) 500px !important;\n    column-gap:40px !important;\n  }\n  section.intro .intro-art{\n    width:500px !important;\n    height:333.333px !important;\n    min-width:500px !important;\n    max-width:500px !important;\n    min-height:333.333px !important;\n    max-height:333.333px !important;\n  }\n  section.intro .intro-image{\n    width:500px !important;\n    height:333.333px !important;\n  }\n}\n<\/style>\n\n<style id=\"final-intro-height-balance\">\n@media screen and (min-width:901px){\n  section.intro .intro-layout{\n    align-items:stretch !important;\n  }\n  section.intro .intro-copy{\n    height:400px !important;\n    display:flex !important;\n    flex-direction:column !important;\n    justify-content:center !important;\n    box-sizing:border-box !important;\n  }\n  section.intro .intro-copy p{\n    font-size:18px !important;\n    line-height:1.9 !important;\n  }\n}\n<\/style>\n\n<style id=\"final-intro-copy-fit\">\n@media screen and (min-width:1101px){\n  section.intro .intro-layout{\n    grid-template-columns:minmax(0,1fr) 600px !important;\n    column-gap:55px !important;\n    align-items:center !important;\n  }\n  section.intro .intro-copy{\n    height:400px !important;\n    max-width:none !important;\n    min-width:0 !important;\n    display:flex !important;\n    flex-direction:column !important;\n    justify-content:center !important;\n    box-sizing:border-box !important;\n  }\n  section.intro .intro-copy .section-label{\n    margin-bottom:10px !important;\n    font-size:12px !important;\n  }\n  section.intro .intro-copy h2{\n    margin-bottom:10px !important;\n    font-size:28px !important;\n    line-height:1.3 !important;\n  }\n  section.intro .intro-copy .lead-text-strong{\n    margin-bottom:10px !important;\n    font-size:16px !important;\n    line-height:1.65 !important;\n  }\n  section.intro .intro-copy .body-text{\n    margin-bottom:9px !important;\n    font-size:14px !important;\n    line-height:1.7 !important;\n  }\n}\n@media screen and (max-width:1100px) and (min-width:901px){\n  section.intro .intro-layout{\n    column-gap:30px !important;\n  }\n  section.intro .intro-copy{\n    height:333.333px !important;\n  }\n  section.intro .intro-copy .section-label{\n    margin-bottom:7px !important;\n    font-size:11px !important;\n  }\n  section.intro .intro-copy h2{\n    margin-bottom:7px !important;\n    font-size:23px !important;\n    line-height:1.25 !important;\n  }\n  section.intro .intro-copy .lead-text-strong{\n    margin-bottom:7px !important;\n    font-size:14px !important;\n    line-height:1.55 !important;\n  }\n  section.intro .intro-copy .body-text{\n    margin-bottom:6px !important;\n    font-size:12px !important;\n    line-height:1.55 !important;\n  }\n}\n<\/style>\n\n<style id=\"intro-only-final-user-fix\">\n@media screen and (min-width: 1101px){\n  section.intro .intro-layout{\n    align-items:stretch !important;\n  }\n\n  section.intro .intro-art{\n    width:600px !important;\n    height:620px !important;\n    min-width:600px !important;\n    max-width:600px !important;\n    min-height:620px !important;\n    max-height:620px !important;\n    overflow:hidden !important;\n  }\n\n  section.intro .intro-image{\n    width:600px !important;\n    height:620px !important;\n    min-height:620px !important;\n    max-height:620px !important;\n    object-fit:cover !important;\n  }\n\n  section.intro .intro-copy{\n    height:620px !important;\n    min-height:620px !important;\n    display:flex !important;\n    flex-direction:column !important;\n    justify-content:center !important;\n  }\n\n  section.intro .intro-copy .section-label{\n    margin-bottom:16px !important;\n  }\n\n  section.intro .intro-copy h2{\n    margin-bottom:20px !important;\n  }\n\n  section.intro .intro-copy .lead-text-strong{\n    margin-bottom:18px !important;\n    line-height:2 !important;\n  }\n\n  section.intro .intro-copy .body-text{\n    margin-bottom:15px !important;\n    line-height:2 !important;\n  }\n\n  section.intro .intro-copy .body-text:last-child{\n    color:#001489 !important;\n    font-weight:750 !important;\n  }\n}\n\n@media screen and (max-width:1100px) and (min-width:901px){\n  section.intro .intro-layout{\n    align-items:stretch !important;\n  }\n\n  section.intro .intro-art{\n    width:500px !important;\n    height:440px !important;\n    min-width:500px !important;\n    max-width:500px !important;\n    min-height:440px !important;\n    max-height:440px !important;\n  }\n\n  section.intro .intro-image{\n    width:500px !important;\n    height:440px !important;\n    min-height:440px !important;\n    max-height:440px !important;\n    object-fit:cover !important;\n  }\n\n  section.intro .intro-copy{\n    height:440px !important;\n    min-height:440px !important;\n    display:flex !important;\n    flex-direction:column !important;\n    justify-content:center !important;\n  }\n\n  section.intro .intro-copy .body-text:last-child{\n    color:#001489 !important;\n    font-weight:750 !important;\n  }\n}\n\n@media screen and (max-width:900px){\n  section.intro .intro-copy .body-text:last-child{\n    color:#001489 !important;\n    font-weight:750 !important;\n  }\n}\n<\/style>\n\n<style id=\"product-cards-reduced-white-opacity\">\nsection.portfolio .product-panel{\n  background:rgba(255,255,255,.07) !important;\n  background-color:rgba(255,255,255,.07) !important;\n}\nsection.portfolio .product-panel:hover{\n  background:rgba(255,255,255,.10) !important;\n}\n<\/style>\n\n<style id=\"final-button-overflow-fix\">\nsection.final-cta .contact-link{\n  width:max-content !important;\n  max-width:100% !important;\n  align-self:center !important;\n  flex:0 0 auto !important;\n  white-space:nowrap !important;\n}\n\nsection.portfolio .product-more{\n  overflow:hidden !important;\n  box-sizing:border-box !important;\n}\nsection.portfolio .product-more:hover svg,\nsection.portfolio .product-more svg{\n  transform:none !important;\n}\nsection.portfolio .product-more:hover{\n  transform:translateY(-1px) !important;\n}\n<\/style>\n\n<style id=\"values-intro-responsive-final-fix\">\n@media screen and (max-width: 1024px) {\n  section.values .section-heading .values-intro {\n    font-size: 0.92rem !important;\n    line-height: 1.9 !important;\n    max-width: 760px !important;\n  }\n}\n\n@media screen and (max-width: 700px) {\n  section.values .section-heading .values-intro {\n    font-size: 0.88rem !important;\n    line-height: 1.85 !important;\n    max-width: 100% !important;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  section.values .section-heading .values-intro {\n    font-size: 0.84rem !important;\n    line-height: 1.8 !important;\n  }\n}\n<\/style>\n\n<style id=\"matrix-values-cards-mobile-final\">\n@media screen and (max-width: 1024px) {\n  section.values .glass-panel h3 {\n    font-size: 1rem !important;\n    line-height: 1.5 !important;\n  }\n\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 0.84rem !important;\n    line-height: 1.85 !important;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  section.values .glass-panel h3 {\n    font-size: 15px !important;\n    line-height: 1.5 !important;\n  }\n\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 12px !important;\n    line-height: 1.9 !important;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  section.values .glass-panel h3 {\n    font-size: 14px !important;\n  }\n\n  section.values .glass-panel p:not(.value-number) {\n    font-size: 12px !important;\n    line-height: 1.85 !important;\n  }\n}\n<\/style>\n\n<style id=\"mission-number-line-title-final\">\nsection.future .mission-title {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  direction: rtl !important;\n  flex-wrap: nowrap !important;\n  gap: 9px !important;\n  width: 100% !important;\n  margin: 0 0 18px !important;\n  padding: 0 !important;\n  white-space: nowrap !important;\n  overflow: visible !important;\n}\n\nsection.future .mission-title .mission-number {\n  display: inline-flex !important;\n  align-items: center !important;\n  flex: 0 0 auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #EB008B !important;\n  font-size: 15px !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  letter-spacing: 0 !important;\n}\n\nsection.future .mission-title .mission-line {\n  display: block !important;\n  width: 11px !important;\n  height: 2px !important;\n  flex: 0 0 11px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #EB008B !important;\n  border-radius: 999px !important;\n}\n\nsection.future .mission-title h3 {\n  display: inline-block !important;\n  flex: 0 1 auto !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #EB008B !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: 0 !important;\n  white-space: nowrap !important;\n}\n\n@media screen and (max-width: 1024px) {\n  section.future .mission-title {\n    gap: 8px !important;\n    margin-bottom: 16px !important;\n  }\n\n  section.future .mission-title .mission-number,\n  section.future .mission-title h3 {\n    font-size: 15px !important;\n  }\n\n  section.future .mission-title .mission-line {\n    width: 10px !important;\n    flex-basis: 10px !important;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  section.future .mission-title {\n    gap: 7px !important;\n    margin-bottom: 15px !important;\n  }\n\n  section.future .mission-title .mission-number,\n  section.future .mission-title h3 {\n    font-size: 14px !important;\n    line-height: 1.15 !important;\n  }\n\n  section.future .mission-title .mission-line {\n    width: 9px !important;\n    height: 2px !important;\n    flex-basis: 9px !important;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  section.future .mission-title {\n    gap: 6px !important;\n  }\n\n  section.future .mission-title .mission-number,\n  section.future .mission-title h3 {\n    font-size: 13px !important;\n  }\n\n  section.future .mission-title .mission-line {\n    width: 8px !important;\n    flex-basis: 8px !important;\n  }\n}\n<\/style>\n\n<style id=\"final-product-text-and-cta-fix\">\nsection.portfolio .product-panel h3,\nsection.portfolio .product-panel p,\nsection.portfolio .product-panel .product-more,\nsection.portfolio .product-panel .product-more span,\nsection.portfolio .product-panel .product-more svg {\n  color: #fff !important;\n}\n\nsection.portfolio .product-panel .product-more svg path {\n  stroke: #fff !important;\n}\n\nsection.final-cta {\n  min-height: 50vh !important;\n  height: 50vh !important;\n}\n\nsection.final-cta .contact-content {\n  min-height: 50vh !important;\n}\n\nsection.final-cta .section-label {\n  font-size: 0.78rem !important;\n}\n\nsection.final-cta h2,\nsection.final-cta h2 .final-cta-subtitle {\n  font-size: 1.55rem !important;\n  line-height: 1.55 !important;\n}\n\nsection.final-cta > .container > p:not(.section-label) {\n  font-size: 0.78rem !important;\n  line-height: 1.9 !important;\n}\n\nsection.final-cta .contact-link {\n  font-size: 0.76rem !important;\n}\n\n@media screen and (max-width: 700px) {\n  section.final-cta {\n    min-height: 50vh !important;\n    height: 50vh !important;\n  }\n\n  section.final-cta .contact-content {\n    min-height: 50vh !important;\n  }\n\n  section.final-cta h2,\n  section.final-cta h2 .final-cta-subtitle {\n    font-size: 1.3rem !important;\n  }\n\n  section.final-cta > .container > p:not(.section-label) {\n    font-size: 0.72rem !important;\n  }\n}\n<\/style>\n\n<style id=\"final-corrections-v2\">\nsection.future .mission-block {\n  border: 1px solid rgba(255,255,255,.12) !important;\n  box-sizing: border-box !important;\n}\n\nsection.final-cta {\n  height: 60vh !important;\n  min-height: 60vh !important;\n}\n\nsection.final-cta > .container {\n  height: 100% !important;\n  min-height: 60vh !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n}\n\nsection.final-cta .contact-content {\n  min-height: 0 !important;\n  height: auto !important;\n}\n\n@media screen and (max-width: 700px) {\n  section.final-cta {\n    height: 60vh !important;\n    min-height: 60vh !important;\n  }\n  section.final-cta > .container {\n    min-height: 60vh !important;\n  }\n}\n<\/style>\n\n<main dir=\"rtl\">\n<section class=\"hero\" aria-labelledby=\"hero-title\">\n<div class=\"hero-photo\" aria-hidden=\"true\"><\/div><div class=\"hero-shade\" aria-hidden=\"true\"><\/div>\n<div class=\"container hero-content\">\n  <h1 id=\"hero-title\" class=\"hero-about-title\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\u062a\u0631\u06cc\u0633<\/h1>\n  <p class=\"hero-statement\">\u0645\u0627\u062a\u0631\u06cc\u0633\u061b \u062a\u062c\u0631\u0628\u0647\u060c \u062a\u062e\u0635\u0635 \u0648 \u0646\u06af\u0627\u0647 \u0646\u0648 \u062f\u0631 \u0635\u0646\u0639\u062a \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/p>\n  <p class=\"hero-description\">\n   \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u0686\u0647\u0627\u0631 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647\u060c \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc\u060c \u062a\u0648\u0644\u06cc\u062f \u0648 \u0686\u0627\u067e \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc\u060c \u06a9\u0627\u0631\u062a\u0646\u06cc \u0648 \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u06a9\u06cc\u0641\u06cc\u062a\u060c \u062d\u0641\u0627\u0638\u062a \u0627\u0632 \u0645\u062d\u0635\u0648\u0644 \u0648 \u062e\u0644\u0642 \u0647\u0648\u06cc\u062a\u06cc \u0645\u062a\u0645\u0627\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\n\n  <\/p>\n  <a class=\"hero-link\" href=\"#intro\">\n    \u0634\u0646\u0627\u062e\u062a \u0628\u06cc\u0634\u062a\u0631 \u0645\u0627\u062a\u0631\u06cc\u0633\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M4 12h15M13 6l6 6-6 6\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\n<a class=\"scroll-indicator\" href=\"#intro\" aria-label=\"\u0631\u0641\u062a\u0646 \u0628\u0647 \u0628\u062e\u0634 \u0628\u0639\u062f\u06cc\"><span><\/span><\/a>\n<\/section>\n\n<section class=\"section intro\" id=\"intro\" aria-labelledby=\"intro-title\">\n<div class=\"container intro-layout\">\n<div class=\"intro-copy reveal-on-scroll\">\n<p class=\"section-label\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/p>\n<h2 id=\"intro-title\">\u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0634\u06a9\u0644 \u0645\u06cc \u062f\u0647\u062f<\/h2>\n<p class=\"lead-text lead-text-strong\">\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u0628\u0627 \u0639\u0646\u0627\u06cc\u062a \u062e\u062f\u0627\u0648\u0646\u062f \u0645\u062a\u0639\u0627\u0644 \u0648 \u067e\u0633 \u0627\u0632 \u0633\u0627\u0644 \u0647\u0627 \u062a\u0644\u0627\u0634 \u0648 \u06a9\u0648\u0634\u0634\u060c \u0645\u0648\u0641\u0642 \u0628\u0647 \u0646\u0635\u0628 \u0645\u062f\u0631\u0646 \u062a\u0631\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u067e\u06cc\u0634 \u0627\u0632 \u0686\u0627\u067e\u060c \u0686\u0627\u067e \u0648 \u067e\u0633 \u0627\u0632 \u0686\u0627\u067e \u062f\u0631 \u06a9\u0634\u0648\u0631 \u0634\u062f\u0647 \u0627\u06cc\u0645\u060c \u0636\u0645\u0646 \u0634\u06a9\u0631\u06af\u0632\u0627\u0631\u06cc \u0628\u0647 \u062f\u0631\u06af\u0627\u0647 \u0627\u062d\u062f\u06cc\u062a\u060c \u0642\u062f\u0631\u062f\u0627\u0646 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0632\u0631\u06af\u0648\u0627\u0631\u0627\u0646 \u0647\u0633\u062a\u06cc\u0645.<\/p>\n<p class=\"body-text\">\u0628\u06cc \u0634\u06a9\u060c \u062a\u062f\u0627\u0648\u0645 \u0648 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0645\u0648\u0641\u0642\u06cc\u062a \u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u06af\u0630\u0634\u062a\u0647 \u0645\u062c\u062a\u0645\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633 \u0648 \u0631\u0634\u062f \u0648 \u062a\u0648\u0633\u0639\u0647 \u0622\u0646 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0645\u0631\u0647\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u062e\u0627\u0644\u0635\u0627\u0646\u0647 \u0648 \u0632\u062d\u0645\u0627\u062a \u0628\u06cc \u0634\u0627\u0626\u0628\u0647 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u062d\u0645\u0627\u06cc\u062a \u0645\u062b\u0627\u0644 \u0632\u062f\u0646\u06cc \u0634\u0645\u0627 \u0628\u0632\u0631\u06af\u0648\u0627\u0631\u0627\u0646 \u0627\u0633\u062a. \u0645\u0627 \u062f\u0631 \u067e\u06cc\u0645\u0648\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0633\u06cc\u0631 \u0647\u0645\u0648\u0627\u0631\u0647 \u062e\u0648\u062f \u0631\u0627 \u0634\u0631\u06cc\u06a9 \u0645\u0648\u0641\u0642\u06cc\u062a \u0647\u0627\u06cc \u0634\u0645\u0627 \u0639\u0632\u06cc\u0632\u0627\u0646 \u062f\u0627\u0646\u0633\u062a\u0647 \u0648 \u0631\u0636\u0627\u06cc\u062a \u0645\u0646\u062f\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc \u062a\u0631\u06cc\u0646 \u0648 \u0645\u0647\u0645 \u062a\u0631\u06cc\u0646 \u0631\u06a9\u0646 \u0634\u0631\u06a9\u062a\u060c \u0633\u0631\u0644\u0648\u062d\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u0647\u0627\u06cc \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0627\u06cc\u0645 \u0648 \u0628\u0627 \u062a\u0644\u0627\u0634 \u0645\u0633\u062a\u0645\u0631\u060c \u062f\u0631 \u067e\u06cc \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u0648 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0631\u0627\u0628\u0637\u0647 \u0645\u062a\u0642\u0627\u0628\u0644 \u0628\u0627 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0647\u0633\u062a\u06cc\u0645.<\/p>\n<p class=\"body-text\">\u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648 \u0628\u0647 \u062d\u0636\u0648\u0631 \u0645\u062f\u0627\u0648\u0645 \u0648 \u0645\u0648\u062b\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0628\u0647 \u0645\u062b\u0627\u0628\u0647 \u0633\u0631\u0645\u0627\u06cc\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0648\u06cc \u062f\u0631 \u06a9\u0646\u0627\u0631\u0645\u0627\u0646 \u0628\u0647 \u062e\u0648\u062f \u0645\u06cc \u0628\u0627\u0644\u06cc\u0645\u060c \u0686\u0631\u0627 \u06a9\u0647 \u062d\u0641\u0638 \u0634\u062e\u0635\u06cc\u062a \u06a9\u0627\u0631\u06cc \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647 \u0648 \u062a\u062f\u0627\u0648\u0645 \u0633\u06cc\u0627\u0633\u062a \u062a\u0648\u0633\u0639\u0647 \u0648 \u0648\u0631\u0648\u062f \u0628\u0647 \u0639\u0631\u0635\u0647 \u0631\u0642\u0627\u0628\u062a \u062c\u0647\u0627\u0646\u06cc \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0648 \u0627\u0648\u0644\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0647\u0627 \u0635\u0631\u0641\u0627\u064b \u0628\u0627 \u0645\u0634\u0627\u0631\u06a9\u062a \u0645\u0634\u0647\u0648\u0631\u062a\u0631\u06cc\u0646 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u06a9\u0634\u0648\u0631 \u0627\u0645\u06a9\u0627\u0646 \u067e\u0630\u06cc\u0631 \u0628\u0648\u062f\u0647 \u0627\u0633\u062a \u0648 \u062a\u0646\u0647\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\u060c \u0627\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062c\u062a\u0645\u0639 \u0631\u0636\u0627\u06cc\u062a \u06a9\u0627\u0645\u0644 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u0634\u062a.<\/p>\n<p class=\"body-text\">\u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0627 \u0628\u0647\u0631\u06cc \u06af\u06cc\u0631\u06cc \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647 \u0647\u0627\u06cc \u0686\u0627\u067e \u0628\u0647 \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627 \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0627\u0631\u0627 \u0628\u0648\u062f\u0646 \u062a\u06cc\u0645 \u062d\u0631\u0641\u0647 \u0627\u06cc \u0648 \u0645\u062c\u0631\u0628 \u0645\u0641\u062a\u062e\u0631 \u0628\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u0633\u06cc\u0645\u0631\u063a \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u062b\u0631 \u0686\u0627\u067e\u06cc \u062c\u0634\u0646\u0648\u0627\u0631\u0647 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u06a9\u0634\u0648\u0631 \u0627\u0632 \u062f\u0633\u062a \u0648\u0632\u06cc\u0631 \u0627\u0631\u0634\u0627\u062f  \u062f\u0631 \u0686\u0647\u0627\u0631 \u0633\u0627\u0644 \u0645\u062a\u0645\u0627\u062f\u06cc \u0645\u06cc\u0628\u0627\u0634\u062f.<\/p>\n<\/div>\n<div class=\"intro-art reveal-on-scroll\">\n  <img fetchpriority=\"high\" decoding=\"async\" class=\"intro-image\"\n       src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Leaders-Pic-copy.jpg\"\n       alt=\"\u0645\u0627\u062a\u0631\u06cc\u0633\"\n       width=\"600\"\n       height=\"400\">\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"section section-dark history\" aria-labelledby=\"history-title\">\n<div class=\"container\">\n<header class=\"section-heading reveal-on-scroll\"><p class=\"section-label\">\u0645\u0633\u06cc\u0631 \u0645\u0627<\/p><h2 id=\"history-title\">\u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0645\u0627\u062a\u0631\u06cc\u0633<\/h2><p class=\"lead-text\">\u0645\u062c\u062a\u0645\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u0633 \u0627\u0632 \u06f4\u06f0 \u0633\u0627\u0644 \u062a\u0644\u0627\u0634 \u0648 \u062a\u062c\u0631\u0628\u0647 \u062d\u0627\u062c \u0645\u062d\u0645\u062f \u06a9\u0634\u0627\u0646\u06cc\u060c \u0628\u0627 \u0647\u0645\u0631\u0627\u0647\u06cc \u0641\u0631\u0632\u0646\u062f\u0627\u0646\u060c \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u0633\u0627\u0644 \u06f1\u06f3\u06f7\u06f7 \u0628\u0627 \u062a\u0623\u0633\u06cc\u0633 \u0634\u0631\u06a9\u062a \u0635\u0646\u0627\u06cc\u0639 \u0644\u0645\u06cc\u0646\u062a \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0646\u0641\u06cc\u0633 \u067e\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631\u06cc \u06af\u0631\u062f\u06cc\u062f. \u0633\u067e\u0633 \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f3\u06f8\u06f5 \u0627\u06cc\u0646 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u062a\u0648\u0627\u0646\u0633\u062a\u0646\u062f \u0628\u0632\u0631\u06af\u062a\u0631\u06cc\u0646 \u0645\u0631\u06a9\u0632 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0686\u0627\u067e\u06cc\u060c \u062c\u0639\u0628\u0647 \u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 \u06a9\u0627\u0631\u062a\u0646 \u0647\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646 \u0628\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0646\u0645\u0627\u06cc\u0646\u062f.<\/p><\/header>\n<div class=\"timeline\" aria-label=\"\u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u0647\u0644\u062f\u06cc\u0646\u06af \u0645\u0627\u062a\u0631\u06cc\u0633\">\n<article class=\"timeline-item is-left reveal-on-scroll\"><span class=\"timeline-dot\" aria-hidden=\"true\"><\/span><p class=\"timeline-year\">\u06f1\u06f3\u06f7\u06f7<\/p><h3>\u067e\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631\u06cc<\/h3><p>\u0645\u062c\u062a\u0645\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633\u060c \u0628\u0627 \u067e\u0634\u062a\u0648\u0627\u0646\u0647 \u062a\u0644\u0627\u0634 \u0648 \u062a\u062c\u0631\u0628\u0647 \u062d\u0627\u062c \u0645\u062d\u0645\u062f \u06a9\u0634\u0627\u0646\u06cc \u0648 \u0647\u0645\u0631\u0627\u0647\u06cc \u0641\u0631\u0632\u0646\u062f\u0627\u0646 \u0627\u06cc\u0634\u0627\u0646\u060c \u0628\u0627 \u062a\u0623\u0633\u06cc\u0633 \u0634\u0631\u06a9\u062a \u00ab\u0635\u0646\u0627\u06cc\u0639 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0646\u0641\u06cc\u0633\u00bb \u067e\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u062f.\n<\/p><\/article>\n<article class=\"timeline-item is-right reveal-on-scroll\"><span class=\"timeline-dot\" aria-hidden=\"true\"><\/span><p class=\"timeline-year\">\u06f1\u06f3\u06f8\u06f5<\/p><h3>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u0631\u06a9\u0632 \u062a\u0648\u0644\u06cc\u062f<\/h3><p>\u0627\u06cc\u0646 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u062a\u0648\u0627\u0646\u0633\u062a\u0646\u062f \u0628\u0632\u0631\u06af\u062a\u0631\u06cc\u0646 \u0645\u0631\u06a9\u0632 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0686\u0627\u067e\u06cc\u060c \u062c\u0639\u0628\u0647 \u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 \u06a9\u0627\u0631\u062a\u0646 \u0647\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646 \u0628\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0646\u0645\u0627\u06cc\u0646\u062f.<\/p><\/article>\n<article class=\"timeline-item is-left reveal-on-scroll\"><span class=\"timeline-dot\" aria-hidden=\"true\"><\/span><p class=\"timeline-year\">\u06f1\u06f3\u06f9\u06f4<\/p><h3>\u0646\u0648\u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644 \u062e\u0637 \u062a\u0648\u0644\u06cc\u062f<\/h3><p>\u0634\u0631\u06a9\u062a \u0645\u062c\u062f\u062f\u0627\u064b \u0645\u0648\u0641\u0642 \u0628\u0647 \u0646\u0635\u0628 \u0645\u062f\u0631\u0646 \u062a\u0631\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u067e\u06cc\u0634 \u0627\u0632 \u0686\u0627\u067e\u060c \u0686\u0627\u067e \u0648 \u067e\u0633 \u0627\u0632 \u0686\u0627\u067e \u0634\u062f\u061b \u0628\u062f\u0648\u0646 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0628\u0647 \u062f\u06cc\u06af\u0631 \u0645\u0631\u0627\u06a9\u0632 \u0648 \u062a\u062d\u062a \u0646\u0638\u0627\u0631\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0627\u062d\u062f\u060c \u0628\u0627 \u0631\u0639\u0627\u06cc\u062a \u0627\u0635\u0648\u0644 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0627\u0631\u062a\u0642\u0627\u0621 \u062c\u0627\u06cc\u06af\u0627\u0647 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062f\u0631 \u0645\u0646\u0637\u0642\u0647.<\/p><\/article>\n<article class=\"timeline-item is-right reveal-on-scroll\"><span class=\"timeline-dot\" aria-hidden=\"true\"><\/span><p class=\"timeline-year\">\u0627\u0645\u0631\u0648\u0632<\/p><h3>\u062a\u0648\u0633\u0639\u0647 \u0628\u0627 \u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0646\u06cc\u0631\u0648\u06cc \u062c\u0648\u0627\u0646<\/h3><p>\u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0647\u0627\u06cc \u0646\u06cc\u0631\u0648\u0647\u0627\u06cc \u062c\u0648\u0627\u0646 \u0648 \u0628\u0627 \u0627\u0646\u06af\u06cc\u0632\u0647\u060c \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627 \u0628\u0647\u0631\u0647 \u06af\u0631\u0641\u062a\u0647 \u0648 \u0628\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f\u06cc \u0628\u0647 \u0627\u0635\u0648\u0644 \u0627\u062e\u0644\u0627\u0642\u06cc\u060c \u0634\u0641\u0627\u0641\u06cc\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc\u060c \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc\u060c \u0645\u0634\u062a\u0631\u06cc \u0645\u062f\u0627\u0631\u06cc \u0648 \u0631\u0639\u0627\u06cc\u062a \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u0632\u06cc\u0633\u062a \u0645\u062d\u06cc\u0637\u06cc\u060c \u0628\u0627 \u0647\u0645\u0631\u0627\u0647\u06cc \u0645\u062f\u0627\u0648\u0645 \u0648 \u0645\u0648\u062b\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0631\u0632\u0634\u0645\u0646\u062f\u060c \u0632\u0645\u06cc\u0646\u0647 \u0631\u0636\u0627\u06cc\u062a \u0647\u0631\u0686\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0622\u0646\u0627\u0646 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0646\u0645\u0648\u062f\u0647 \u0627\u06cc\u0645.<\/p><\/article>\n<\/div><\/div><\/section>\n\n<section class=\"section policy\" id=\"policy\" aria-labelledby=\"policy-title\">\n<div class=\"container\">\n<header class=\"section-heading reveal-on-scroll\">\n<p class=\"section-label\">\u062e\u0637 \u0645\u0634\u06cc<\/p>\n<h2 id=\"policy-title\">\u062e\u0637 \u0645\u0634\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a<\/h2>\n<p class=\"lead-text\">\u0645\u062c\u062a\u0645\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0646\u0641\u06cc\u0633 - \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0636\u0648\u06cc \u0627\u0632 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0628\u0632\u0631\u06af \u0635\u0646\u0639\u062a \u0627\u06cc\u0631\u0627\u0646\u060c \u0628\u0642\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u062d\u0645\u0627\u06cc\u062a \u0645\u062f\u0627\u0648\u0645 \u0645\u0635\u0631\u0641 \u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u062f\u0627\u0646\u0633\u062a\u0647 \u0648 \u0627\u0633\u0627\u0633\u06cc \u062a\u0631\u06cc\u0646 \u0647\u062f\u0641 \u062e\u0648\u062f \u0631\u0627 \u062c\u0644\u0628 \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0648 \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0627\u0633\u062a\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0631\u0634\u062f \u0648 \u06a9\u0644\u06cc\u0647 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0631\u0627 \u0645\u0644\u0632\u0645 \u0628\u0647 \u0631\u0639\u0627\u06cc\u062a \u0627\u0635\u0648\u0644 \u0632\u06cc\u0631 \u0645\u06cc \u062f\u0627\u0646\u062f:<\/p>\n<\/header>\n<div class=\"policy-grid\">\n<article class=\"policy-card reveal-on-scroll\"><ol>\n<li>\u062a\u0648\u0633\u0639\u0647 \u0627\u0631\u0632\u0634 \u0647\u0627\u06cc \u0627\u062e\u0644\u0627\u0642\u06cc \u0648 \u06a9\u0631\u0627\u0645\u062a \u0627\u0646\u0633\u0627\u0646\u06cc \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0633\u0637\u062d \u0645\u0647\u0627\u0631\u062a \u0648 \u0631\u0636\u0627\u06cc\u062a\u0645\u0646\u062f\u06cc \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646.<\/li>\n<li>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0648 \u0631\u0636\u0627\u06cc\u062a\u0645\u0646\u062f\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0645\u06a9\u0627\u0646\u06cc\u0632\u0645 \u0645\u0646\u0627\u0633\u0628 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 (CRM).<\/li>\n<li>\u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0648\u0627\u0646 \u0631\u0642\u0627\u0628\u062a\u06cc\u060c \u0628\u0627 \u0628\u0627\u0644\u0627 \u0628\u0631\u062f\u0646 \u0633\u0647\u0645 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627\u0632\u0627\u0631 \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u062a\u0645\u0627\u06cc\u0632.<\/li>\n<li>\u0628\u0647\u0628\u0648\u062f \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0647\u0627 \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0645\u06a9\u0627\u0646\u06cc\u0632\u0647 \u0646\u0645\u0648\u062f\u0646 \u062e\u0637\u0648\u0637 \u062a\u0648\u0644\u06cc\u062f.<\/li>\n<li>\u062a\u0644\u0627\u0634 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648\u0627\u062d\u062f \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647 (R&amp;D).<\/li>\n<li>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0628\u0647\u0631\u0647\u200c\u0648\u0631\u06cc \u0648 \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062a\u0648\u0633\u0639\u0647 \u0645\u0642\u06cc\u0627\u0633 \u062a\u0648\u0644\u06cc\u062f \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0647\u06cc\u0646\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639.<\/li>\n<\/ol><\/article>\n<article class=\"policy-card reveal-on-scroll\">\n<p>\u0628\u0647 \u0645\u0646\u0638\u0648\u0631 \u062a\u062d\u0642\u0642 \u0627\u0635\u0648\u0644 \u0630\u06a9\u0631 \u0634\u062f\u0647\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0634\u0631\u06a9\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0627\u06cc\u0632\u0648 9001:2008 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0631\u06af\u0632\u06cc\u062f\u0647\u060c \u062e\u0648\u062f \u0648 \u06a9\u0644\u06cc\u0647 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0631\u0627 \u0645\u062a\u0639\u0647\u062f \u0628\u0647 \u0628\u0631\u0622\u0648\u0631\u062f\u0647 \u0646\u0645\u0648\u062f\u0646 \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u0648 \u0628\u0647\u0628\u0648\u062f \u0645\u0633\u062a\u0645\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0645\u06cc \u062f\u0627\u0646\u062f \u0648 \u062a\u0645\u0627\u0645\u06cc \u062a\u0644\u0627\u0634 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\u060c \u0627\u062c\u0631\u0627 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646 \u0628\u0647 \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u062f \u06af\u0631\u0641\u062a.<\/p>\n<p>\u0628\u0631 \u0627\u06cc\u0646 \u0627\u0633\u0627\u0633 \u0628\u0647 \u0645\u0646\u0638\u0648\u0631 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u06a9\u0641\u0627\u06cc\u062a \u0648 \u0627\u062b\u0631\u0628\u062e\u0634\u06cc\u060c \u0627\u06cc\u0646 \u062e\u0637 \u0645\u0634\u06cc \u0627\u0632 \u0646\u0638\u0631 \u062a\u062f\u0627\u0648\u0645 \u0645\u0646\u0627\u0633\u0628 \u0628\u0648\u062f\u0646\u060c \u0647\u0631 \u0633\u0627\u0644\u0647 \u0645\u0648\u0631\u062f \u0628\u0627\u0632\u0646\u06af\u0631\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f.<\/p><\/article>\n<\/div><\/div><\/section>\n\n<section class=\"section future\" aria-labelledby=\"future-title\"><div class=\"container\">\n<header class=\"section-heading reveal-on-scroll\"><p class=\"section-label\">\u0622\u06cc\u0646\u062f\u0647 \u0645\u0627<\/p><h2 id=\"future-title\">\u0645\u0627\u0645\u0648\u0631\u06cc\u062a \u0648 \u0686\u0634\u0645 \u0627\u0646\u062f\u0627\u0632<\/h2><p class=\"lead-text\">\u0645\u0627\u0645\u0648\u0631\u06cc\u062a \u0645\u062c\u062a\u0645\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0646\u0641\u06cc\u0633 - \u0645\u0627\u062a\u0631\u06cc\u0633 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0645\u0648\u0641\u0642 \u062f\u0631 \u0635\u0646\u0627\u06cc\u0639 \u0686\u0627\u067e \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062f\u0631 \u0633\u0637\u062d \u0645\u0646\u0637\u0642\u0647 \u063a\u0631\u0628 \u0622\u0633\u06cc\u0627 \u0645\u0639\u0631\u0641\u06cc \u06af\u0631\u062f\u062f.<\/p><\/header>\n<div class=\"mission-grid\">\n<article class=\"mission-block reveal-on-scroll\"><div class=\"mission-title\"><span class=\"mission-number\">\u06f0\u06f1<\/span><span class=\"mission-line\" aria-hidden=\"true\"><\/span><h3>\u0645\u0627\u0645\u0648\u0631\u06cc\u062a<\/h3><\/div><p>\u0647\u062f\u0641 \u0645\u0627 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0636\u0645\u0646 \u062d\u0641\u0638 <span class=\"rank-first\">\u0631\u062a\u0628\u0647 \u0627\u0648\u0644<\/span> \u062e\u0648\u062f \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0627\u0631\u062a\u0646 \u0647\u0627\u06cc \u0646\u0641\u06cc\u0633\u060c \u0627\u0632 \u0646\u0638\u0631 \u062a\u0648\u0644\u06cc\u062f \u0648 \u0639\u0631\u0636\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0686\u0627\u067e\u06cc \u0648 \u062c\u0639\u0628\u0647 \u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 \u0644\u0648\u06a9\u0633 \u0646\u06cc\u0632 \u067e\u06cc\u0634\u06cc \u06af\u0631\u0641\u062a\u0647 \u0648 \u0628\u0627 \u0646\u06af\u0627\u0647 \u0648\u06cc\u0698\u0647 \u0628\u0647 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u06cc\u060c \u062e\u0648\u062f \u0631\u0627 \u06cc\u06a9\u06cc \u0627\u0632 \u067e\u0646\u062c \u0628\u0631\u0646\u062f \u0627\u0635\u0644\u06cc \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u063a\u0631\u0628 \u0622\u0633\u06cc\u0627 \u0645\u0639\u0631\u0641\u06cc \u0646\u0645\u0627\u0626\u06cc\u0645.<\/p><p>\u0627\u06cc\u0646 \u0645\u062c\u062a\u0645\u0639 \u0628\u0627 \u0627\u062d\u062a\u0631\u0627\u0645 \u0628\u0647 \u0647\u0645\u062a \u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631\u0627\u0646 \u0648 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u062e\u0648\u062f \u0633\u0639\u06cc \u062f\u0627\u0631\u062f \u0628\u0627 \u06af\u0633\u062a\u0631\u0634 \u0641\u0639\u0627\u0644\u06cc\u062a \u0647\u0627\u06cc \u0641\u0631\u0647\u0646\u06af\u06cc\u060c \u062a\u0644\u0627\u0634 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 \u067e\u0630\u06cc\u0631 \u0631\u0627 \u0627\u062f\u0627\u0645\u0647 \u062f\u0647\u062f.<\/p><\/article>\n<article class=\"mission-block reveal-on-scroll\"><div class=\"mission-title\"><span class=\"mission-number\">\u06f0\u06f2<\/span><span class=\"mission-line\" aria-hidden=\"true\"><\/span><h3>\u0686\u0634\u0645 \u0627\u0646\u062f\u0627\u0632 \u0648 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/h3><\/div><p>\u0645\u0627 \u062a\u0644\u0627\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u06cc\u062c\u0627\u062f \u062f\u0631\u0622\u0645\u062f \u067e\u0627\u06cc\u062f\u0627\u0631 \u0648 \u06a9\u0627\u0641\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0631\u0641\u0627\u0647\u060c \u0645\u062d\u06cc\u0637 \u062f\u0644\u067e\u0630\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646\u0627\u0646 \u0641\u0631\u0627\u0647\u0645 \u0622\u0648\u0631\u06cc\u0645 \u062a\u0627 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0628\u062f\u0627\u0646\u0646\u062f \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0645\u0627\u060c \u0627\u0632 \u0647\u06cc\u0686 \u06a9\u0648\u0634\u0634\u06cc \u0628\u0631\u0627\u06cc \u0631\u0636\u0627\u06cc\u062a \u0622\u0646 \u0647\u0627 \u062f\u0631\u06cc\u063a \u0646\u062e\u0648\u0627\u0647\u0646\u062f \u0646\u0645\u0648\u062f.<\/p><p>\u0628\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0633\u0647\u0645 \u0628\u0627\u0632\u0627\u0631 \u0648 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u0646\u0627\u0634\u06cc \u0627\u0632 \u0645\u0642\u06cc\u0627\u0633 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u06cc \u0646\u0638\u06cc\u0631\u060c \u0631\u0648\u0632 \u0628\u0647 \u0631\u0648\u0632 \u0645\u0633\u06cc\u0631 \u062a\u0631\u0642\u06cc \u0648 \u062a\u0639\u0627\u0644\u06cc \u0631\u0627 \u0628\u067e\u06cc\u0645\u0627\u06cc\u06cc\u0645.<\/p><\/article>\n<\/div><\/div><\/section>\n\n<section class=\"section section-dark values\" aria-labelledby=\"values-title\"><div class=\"container\">\n<header class=\"section-heading reveal-on-scroll\"><p class=\"section-label\">\u0627\u0635\u0648\u0644 \u06a9\u0627\u0631\u06cc<\/p><h2 id=\"values-title\">\u0627\u0631\u0632\u0634 \u0647\u0627\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633<\/h2>\n<p class=\"lead-text values-intro\">\n  \u0627\u0631\u0632\u0634\u200c\u0647\u0627\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633 \u0641\u0642\u0637 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0634\u0639\u0627\u0631\u0647\u0627 \u0646\u06cc\u0633\u062a\u0646\u062f\u061b \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644\u060c \u067e\u0627\u06cc\u0647 \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0634\u06cc\u0648\u0647 \u06a9\u0627\u0631 \u0645\u0627 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0631\u0627\u062d\u0644 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0633\u062a\u0646\u062f. \u0627\u0632 \u0645\u0634\u062a\u0631\u06cc\u200c\u0645\u062f\u0627\u0631\u06cc \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0634\u0641\u0627\u0641\u06cc\u062a\u060c \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0648 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0632\u06cc\u0633\u062a\u200c\u0645\u062d\u06cc\u0637\u06cc\u060c \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0627\u06cc\u0646 \u0627\u0631\u0632\u0634\u200c\u0647\u0627 \u062f\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0648\u0632\u0645\u0631\u0647 \u0645\u0627 \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f. \u0647\u062f\u0641 \u0645\u0627 \u0633\u0627\u062e\u062a\u0646 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0633\u062a \u06a9\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u060c \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0631\u0627 \u0647\u0645\u0632\u0645\u0627\u0646 \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n<\/p><\/header>\n<div class=\"value-grid\">\n<article class=\"glass-panel reveal-on-scroll\"><p class=\"value-number\">\u06f0\u06f1<\/p><h3>\u0645\u0634\u062a\u0631\u06cc \u0645\u062f\u0627\u0631\u06cc<\/h3><p>\u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u060c \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc \u062a\u0635\u0645\u06cc\u0645 \u0647\u0627\u06cc \u0645\u0627 \u0627\u0632 \u0634\u0631\u0648\u0639 \u0637\u0631\u0627\u062d\u06cc \u062a\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0645\u062d\u0635\u0648\u0644 \u0627\u0633\u062a.<\/p><\/article>\n<article class=\"glass-panel reveal-on-scroll\"><p class=\"value-number\">\u06f0\u06f2<\/p><h3>\u0641\u0646\u0627\u0648\u0631\u06cc \u0631\u0648\u0632<\/h3><p>\u062f\u0631 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u067e\u06cc\u0634 \u0627\u0632 \u0686\u0627\u067e\u060c \u0686\u0627\u067e \u0648 \u067e\u0633 \u0627\u0632 \u0686\u0627\u067e \u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631\u06cc \u0645\u0633\u062a\u0645\u0631 \u062f\u0627\u0631\u06cc\u0645.<\/p><\/article>\n<article class=\"glass-panel reveal-on-scroll\"><p class=\"value-number\">\u06f0\u06f3<\/p><h3>\u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc<\/h3><p>\u0627\u062e\u0644\u0627\u0642 \u062d\u0631\u0641\u0647 \u0627\u06cc\u060c \u062a\u0628\u0627\u062f\u0644 \u0631\u0648\u0634\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648 \u0647\u0645\u06a9\u0627\u0631\u06cc\u060c \u0632\u0628\u0627\u0646 \u0645\u0634\u062a\u0631\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u0633\u062a.<\/p><\/article>\n<article class=\"glass-panel reveal-on-scroll\"><p class=\"value-number\">\u06f0\u06f4<\/p><h3>\u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0632\u06cc\u0633\u062a \u0645\u062d\u06cc\u0637\u06cc<\/h3><p>\u062a\u0648\u0633\u0639\u0647 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 \u067e\u0630\u06cc\u0631 \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u0633\u0626\u0648\u0644\u0627\u0646\u0647 \u0631\u0627 \u062c\u062f\u06cc \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p><\/article>\n<\/div><\/div><\/section>\n\n<section class=\"section portfolio\" aria-labelledby=\"portfolio-title\"><div class=\"container\">\n<header class=\"section-heading reveal-on-scroll\"><p class=\"section-label\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/p><h2 id=\"portfolio-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<\/h2><p class=\"lead-text\">\u0627\u0632 \u0637\u0631\u0627\u062d\u06cc \u0627\u0648\u0644\u06cc\u0647 \u062a\u0627 \u062a\u0648\u0644\u06cc\u062f\u060c \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0628\u0631\u0627\u06cc \u062c\u0646\u0633\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0646\u0648\u0639 \u0686\u0627\u067e \u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0628\u0631\u0646\u062f\u0647\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u06cc\u0645.<\/p><\/header>\n<div class=\"product-grid\">\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc<\/p>\n<h3>\u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc<\/h3>\n<p>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f \u062c\u0639\u0628\u0647 \u0647\u0627\u06cc \u0646\u0641\u06cc\u0633 \u0628\u0627 \u062f\u0627\u06cc\u06a9\u0627\u062a \u062f\u0642\u06cc\u0642\u060c \u0631\u0648\u06a9\u0634 \u0647\u0627\u06cc \u0648\u06cc\u0698\u0647 \u0648 \u067e\u0631\u062f\u0627\u062e\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/cardboard-box\/\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u06a9\u0627\u0631\u062a\u0646\u06cc<\/p>\n<h3>\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc<\/h3>\n<p>\u062a\u0648\u0644\u06cc\u062f \u06a9\u0627\u0631\u062a\u0646 \u0647\u0627\u06cc \u0633\u0647\u060c \u067e\u0646\u062c \u0648 \u0647\u0641\u062a \u0644\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062b\u0627\u0646\u0648\u06cc\u0647 \u0648 \u062d\u0645\u0644 \u0648\u0646\u0642\u0644 \u0627\u06cc\u0645\u0646.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/laminated-carton\/\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628\u06cc<\/p>\n<h3>\u0644\u06cc\u0628\u0644 IML<\/h3>\n<p>\u0628\u0631\u0686\u0633\u0628 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u0638\u0631\u0648\u0641 \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u0628\u0627\u0644\u0627 \u0648 \u062f\u0648\u0627\u0645 \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/IML\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0644\u06cc\u0628\u0644 IML\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628\u06cc<\/p>\n<h3>\u0644\u06cc\u0628\u0644 IMD<\/h3>\n<p>\u062a\u0632\u0626\u06cc\u0646 \u0642\u0637\u0639\u0627\u062a \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u0628\u0627 \u067e\u0648\u0634\u0634 \u0645\u0642\u0627\u0648\u0645\u060c \u0645\u0646\u0627\u0633\u0628 \u0635\u0646\u0627\u06cc\u0639 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0648 \u062e\u0648\u062f\u0631\u0648.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/IMD\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0644\u06cc\u0628\u0644 IMD\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628\u06cc<\/p>\n<h3>\u0644\u06cc\u0628\u0644 BML<\/h3>\n<p>\u067e\u0648\u0634\u0634 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u06f3\u06f6\u06f0 \u062f\u0631\u062c\u0647 \u0628\u0631\u0627\u06cc \u0628\u0637\u0631\u06cc \u0647\u0627 \u0648 \u06af\u0627\u0644\u0646 \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u0628\u0627 \u0641\u0631\u0627\u06cc\u0646\u062f \u0628\u0627\u062f\u06a9\u0646.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/BML\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0644\u06cc\u0628\u0644 BML\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<article class=\"product-panel reveal-on-scroll\">\n<p class=\"product-category\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628\u06cc<\/p>\n<h3>\u0644\u06cc\u0628\u0644 TML<\/h3>\n<p>\u067e\u0648\u0634\u0634 \u06a9\u0627\u0645\u0644 \u0628\u062f\u0646\u0647 \u0648 \u06a9\u0641 \u0638\u0631\u0648\u0641 \u062a\u0631\u0645\u0648\u0641\u0631\u0645\u06cc\u0646\u06af \u0646\u0627\u0632\u06a9\u060c \u0645\u0646\u0627\u0633\u0628 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0644\u0628\u0646\u06cc.<\/p>\n<a class=\"product-more\" href=\"https:\/\/matris.ir\/TML\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0644\u06cc\u0628\u0644 TML\">\n<span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0628\u06cc\u0634\u062a\u0631<\/span>\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n<\/a>\n<\/article>\n<\/div><\/div><\/section>\n\n<section class=\"section contact contact-white final-cta\" id=\"contact\" aria-labelledby=\"contact-title\"><div class=\"container contact-content reveal-on-scroll\">\n<p class=\"section-label\">\u0647\u0645\u0631\u0627\u0647 \u0645\u0627\u062a\u0631\u06cc\u0633 \u0634\u0648\u06cc\u062f<\/p><h2 id=\"contact-title\"><span class=\"final-cta-subtitle\">\u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0631\u0641\u0647 \u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u062a\u0627\u0646\u060c \u06af\u0641\u062a\u06af\u0648 \u0631\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645.<\/span><\/h2><p>\u062a\u06cc\u0645 \u0645\u0627\u062a\u0631\u06cc\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u06cc\u0627\u0632 \u062a\u0627 \u062a\u0648\u0644\u06cc\u062f \u0646\u0647\u0627\u06cc\u06cc\u060c \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0631\u0627\u0647\u06a9\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627\u0633\u062a. \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0648\u0627\u062f \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u0646\u0647\u0627\u06cc\u06cc\u060c \u0647\u0645\u0631\u0627\u0647 \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645.<\/p>\n<a class=\"contact-link\" href=\"tel:+983135040\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg><\/a>\n<\/div><\/section>\n<\/main>\n\n<\/div>\n\n<style id=\"mobile-section-title-size-fix\">\n\/* \u0641\u0642\u0637 \u062a\u06cc\u062a\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f *\/\n@media screen and (max-width:700px){\n  section.intro h2,\n  section.history h2,\n  section.policy h2,\n  section.future h2,\n  section.values h2,\n  section.portfolio h2{\n    font-size:1.55rem !important;\n    line-height:1.4 !important;\n    letter-spacing:-0.025em !important;\n  }\n}\n\n@media screen and (max-width:390px){\n  section.intro h2,\n  section.history h2,\n  section.policy h2,\n  section.future h2,\n  section.values h2,\n  section.portfolio h2{\n    font-size:1.42rem !important;\n    line-height:1.42 !important;\n  }\n}\n<\/style>\n\n<style id=\"mobile-extra-title-copy-fix\">\n@media screen and (max-width:700px){\n  \/* \u062a\u06cc\u062a\u0631 \u00ab\u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0634\u06a9\u0644 \u0645\u06cc \u062f\u0647\u062f\u00bb *\/\n  section.intro .intro-copy h2{\n    color:#001489 !important;\n  }\n\n  \/* \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u06cc \u0628\u062e\u0634 \u067e\u0627\u06cc\u0627\u0646\u06cc *\/\n  section.final-cta > .container > p:not(.section-label){\n    font-size:.92rem !important;\n    line-height:1.9 !important;\n  }\n}\n\n@media screen and (max-width:390px){\n  section.final-cta > .container > p:not(.section-label){\n    font-size:.86rem !important;\n    line-height:1.9 !important;\n  }\n}\n<\/style>\n\n<style id=\"intro-title-blue-desktop\">\nsection.intro .intro-copy h2{\n  color:#001489 !important;\n}\n<\/style>\n\n<style id=\"intro-title-iranyekanx\">\nsection.intro .intro-copy h2{\n  font-family:'IranYekanX', sans-serif !important;\n  color:#001489 !important;\n}\n<\/style>\n\n<style id=\"all-section-title-desktop-size-fix\">\n\/* \u0647\u0645\u0647 \u062a\u06cc\u062a\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0647\u0645\u200c\u0627\u0646\u062f\u0627\u0632\u0647 \u062a\u06cc\u062a\u0631 \u00ab\u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0634\u06a9\u0644 \u0645\u06cc \u062f\u0647\u062f\u00bb *\/\nsection.intro .intro-copy h2,\nsection.history h2,\nsection.policy h2,\nsection.future h2,\nsection.values h2,\nsection.portfolio h2{\n  font-family:'IranYekanX', sans-serif !important;\n  font-size:clamp(1.65rem, 2.5vw, 2.35rem) !important;\n  line-height:1.35 !important;\n}\n\n\/* \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062a\u0639\u06cc\u06cc\u0646 \u0634\u062f\u0647 \u0628\u0648\u062f \u062d\u0641\u0638 \u0645\u06cc\u200c\u0634\u0648\u062f *\/\n@media screen and (max-width:700px){\n  section.intro .intro-copy h2,\n  section.history h2,\n  section.policy h2,\n  section.future h2,\n  section.values h2,\n  section.portfolio h2{\n    font-size:1.55rem !important;\n    line-height:1.4 !important;\n  }\n}\n\n@media screen and (max-width:390px){\n  section.intro .intro-copy h2,\n  section.history h2,\n  section.policy h2,\n  section.future h2,\n  section.values h2,\n  section.portfolio h2{\n    font-size:1.42rem !important;\n    line-height:1.42 !important;\n  }\n}\n<\/style>\n\n<style id=\"hero-desktop-font-position-only\">\n@media screen and (min-width:1025px){\n  section.hero .hero-content{\n    transform:translateY(18vh) !important;\n  }\n\n  section.hero .hero-about-title{\n    font-size:clamp(2.4rem,5vw,4.8rem) !important;\n  }\n\n  section.hero .hero-statement{\n    font-size:clamp(0.95rem,1.45vw,1.25rem) !important;\n    line-height:1.65 !important;\n  }\n\n  section.hero .hero-description{\n    font-size:0.82rem !important;\n    line-height:1.9 !important;\n  }\n\n  section.hero .hero-link{\n    font-size:12px !important;\n  }\n}\n<\/style>\n\n<!-- \u2705 \u062a\u063a\u06cc\u06cc\u0631 \u062c\u062f\u06cc\u062f: \u062d\u0630\u0641 \u0627\u0641\u06a9\u062a \u0631\u0646\u06af\u06cc \u0631\u0648\u06cc \u0639\u06a9\u0633 \u0628\u062e\u0634 \u00ab\u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u0634\u06a9\u0644 \u0645\u06cc \u062f\u0647\u062f\u00bb + \u0641\u0648\u0644\u200c\u0633\u0627\u06cc\u0632 \u0634\u062f\u0646 \u0639\u06a9\u0633 \u062f\u0627\u062e\u0644 \u06a9\u0627\u062f\u0631\u0634 -->\n<style id=\"intro-image-fullsize-no-overlay\">\n\/* \u062d\u0630\u0641 \u06a9\u0627\u0645\u0644 \u0627\u0641\u06a9\u062a \u0631\u0646\u06af\u06cc \u0631\u0648\u06cc \u0639\u06a9\u0633 *\/\nmain > section.intro .intro-art::before,\nmain > section.intro .intro-art::after{\n  content:none !important;\n  display:none !important;\n  background:none !important;\n  mix-blend-mode:normal !important;\n  opacity:0 !important;\n}\n\n\/* \u06a9\u0627\u062f\u0631 \u062f\u0642\u06cc\u0642\u0627\u064b \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u062e\u0648\u062f \u0639\u06a9\u0633 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0628\u062f\u0648\u0646 \u0628\u0631\u0634) *\/\nmain > section.intro .intro-art{\n  position:relative !important;\n  display:block !important;\n  width:100% !important;\n  max-width:600px !important;\n  min-width:0 !important;\n  height:auto !important;\n  min-height:0 !important;\n  max-height:none !important;\n  aspect-ratio:auto !important;\n  padding:0 !important;\n  margin:0 !important;\n  background:transparent !important;\n  overflow:hidden !important;\n  border-radius:20px !important;\n  filter:none !important;\n  mix-blend-mode:normal !important;\n}\nmain > section.intro .intro-art .intro-image{\n  position:static !important;\n  display:block !important;\n  width:100% !important;\n  height:auto !important;\n  min-width:0 !important;\n  min-height:0 !important;\n  max-width:100% !important;\n  max-height:none !important;\n  margin:0 !important;\n  object-fit:contain !important;\n  border-radius:20px !important;\n  filter:none !important;\n  mix-blend-mode:normal !important;\n}\n\n\/* \u062f\u0633\u06a9\u062a\u0627\u067e: \u0639\u0631\u0636 \u06a9\u0644 \u0628\u062e\u0634 \u0628\u06cc\u0634\u062a\u0631 (\u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u062f\u0648 \u0637\u0631\u0641 \u06a9\u0645\u062a\u0631) \u062a\u0627 \u0645\u062a\u0646 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631 \u0634\u0648\u062f *\/\n@media screen and (min-width:901px){\n  main > section.intro > .container.intro-layout{\n    width:calc(100% - 64px) !important;\n    max-width:1500px !important;\n  }\n}\n@media screen and (min-width:1101px){\n  main > section.intro > .container.intro-layout{\n    grid-template-columns:minmax(0,1fr) 600px !important;\n    column-gap:55px !important;\n  }\n}\n\n\/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0633\u062a\u0648\u0646 \u0645\u062a\u0646 \u0622\u0632\u0627\u062f \u0634\u0648\u062f \u062a\u0627 \u0628\u0627 \u06a9\u0627\u062f\u0631 \u0639\u06a9\u0633 \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0645\u0627\u0646\u062f *\/\n@media screen and (min-width:901px){\n  main > section.intro .intro-layout{\n    align-items:center !important;\n  }\n  main > section.intro .intro-copy{\n    height:auto !important;\n    min-height:0 !important;\n  }\n}\n<\/style>\n\n<\/template>\n\n<script>\n(function () {\n  var host = document.getElementById('matris-about');\n  var tpl  = document.getElementById('matris-about-tpl');\n  if (!host || !tpl || host.shadowRoot) return;\n\n  var root = host.attachShadow({ mode: 'open' });\n\n  \/* \u0631\u06cc\u0633\u062a \u0627\u0631\u062b\u200c\u0628\u0631\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u0632 \u0628\u06cc\u0631\u0648\u0646 *\/\n  var base = document.createElement('style');\n  base.textContent = ':host{all:initial;display:block;}';\n  root.appendChild(base);\n\n  root.appendChild(tpl.content.cloneNode(true));\n\n  \/* \u062a\u0628\u062f\u06cc\u0644 \u0633\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0633\u0637\u062d\u200c\u0633\u0646\u062f \u0628\u0647 \u0645\u0639\u0627\u062f\u0644 \u062f\u0627\u062e\u0644 Shadow *\/\n  root.querySelectorAll('style').forEach(function (s) {\n    if (s === base) return;\n    s.textContent = s.textContent\n      .replace(\/\\\/\\*[\\s\\S]*?\\*\\\/\/g, '')\n      .replace(\/:root\/g, ':host')\n      .replace(\/(^|[\\s,{}>+~(])html(?![\\w-])\/g, '$1:host')\n      .replace(\/(^|[\\s,{}>+~(])body(?![\\w-])\/g, '$1.m-body');\n  });\n\n  \/* \u0627\u0633\u06a9\u0631\u0648\u0644 \u0646\u0631\u0645 \u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc #intro \u0648 ... *\/\n  root.addEventListener('click', function (e) {\n    var a = e.target.closest && e.target.closest('a[href^=\"#\"]');\n    if (!a) return;\n    var t = root.getElementById(a.getAttribute('href').slice(1));\n    if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth' }); }\n  });\n\n  \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0638\u0627\u0647\u0631 \u0634\u062f\u0646 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (en) {\n      if (en.isIntersecting) { en.target.classList.add('is-visible'); io.unobserve(en.target); }\n    });\n  }, { threshold: .12, rootMargin: '0px 0px -6% 0px' });\n  root.querySelectorAll('.reveal-on-scroll').forEach(function (el) { io.observe(el); });\n\n  \/* \u062e\u0637 \u067e\u06cc\u0634\u0631\u0641\u062a \u062a\u0627\u06cc\u0645\u200c\u0644\u0627\u06cc\u0646 *\/\n  var timeline = root.querySelector('.timeline'), frame = 0;\n  function update() {\n    if (!timeline) return;\n    var r = timeline.getBoundingClientRect();\n    var vh = window.innerHeight || document.documentElement.clientHeight;\n    var p = Math.max(0, Math.min(1, (vh * .8 - r.top) \/ Math.max(r.height * .85, 1)));\n    timeline.style.setProperty('--timeline-progress', p.toFixed(3));\n  }\n  function req() { if (frame) return; frame = requestAnimationFrame(function () { update(); frame = 0; }); }\n  window.addEventListener('scroll', req, { passive: true });\n  window.addEventListener('resize', req, { passive: true });\n  update();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\u062a\u0631\u06cc\u0633 \u0645\u0627\u062a\u0631\u06cc\u0633\u061b \u062a\u062c\u0631\u0628\u0647\u060c \u062a\u062e\u0635\u0635 \u0648 \u0646\u06af\u0627\u0647 \u0646\u0648 \u062f\u0631 \u0635\u0646\u0639\u062a \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u0686\u0647\u0627\u0631 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647\u060c \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc\u060c \u062a\u0648\u0644\u06cc\u062f \u0648 \u0686\u0627\u067e \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc\u060c \u06a9\u0627\u0631\u062a\u0646\u06cc \u0648 \u0644\u06cc\u0628\u0644\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u06a9\u06cc\u0641\u06cc\u062a\u060c \u062d\u0641\u0627\u0638\u062a \u0627\u0632 \u0645\u062d\u0635\u0648\u0644 \u0648 \u062e\u0644\u0642 \u0647\u0648\u06cc\u062a\u06cc \u0645\u062a\u0645\u0627\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0634\u0646\u0627\u062e\u062a \u0628\u06cc\u0634\u062a\u0631 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062a\u062c\u0631\u0628\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u06a9\u06cc\u0641\u06cc\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-493","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":76,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/493\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/media?parent=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}