{"id":561,"date":"2026-09-30T11:03:58","date_gmt":"2026-09-30T07:33:58","guid":{"rendered":"https:\/\/matris.ir\/?page_id=561"},"modified":"2026-10-04T10:33:44","modified_gmt":"2026-10-04T07:03:44","slug":"home-appliances","status":"publish","type":"page","link":"https:\/\/matris.ir\/en\/home-appliances\/","title":{"rendered":"\u0648\u0633\u0627\u06cc\u0644 \u062e\u0627\u0646\u06af\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"561\" class=\"elementor elementor-561\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03bf912 e-con-full e-flex e-con e-parent\" data-id=\"03bf912\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fe2272 elementor-widget elementor-widget-html\" data-id=\"9fe2272\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n<title>\u0645\u0627\u062a\u0631\u06cc\u0633 | \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc<\/title>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n<style>\n  :root{\n    --navy:#00062c;\n    --blue:#001489;\n    --pink:#eb008b;\n  }\n  #mm-food-page, #mm-food-page *{ font-family:'IranYekanX', sans-serif !important; box-sizing:border-box; }\n  #mm-food-page{ background:#ffffff; color:var(--navy); overflow-x:hidden; }\n\n  \/* ---------- gradient text ---------- *\/\n  .mm-grad-text{\n    background:linear-gradient(120deg,#eb008b 0%,#7b2ff7 45%,#4d64ff 100%);\n    -webkit-background-clip:text; background-clip:text;\n    -webkit-text-fill-color:transparent; color:transparent;\n  }\n  .mm-grad-text-light{\n    background:linear-gradient(120deg,#001489 0%,#eb008b 100%);\n    -webkit-background-clip:text; background-clip:text;\n    -webkit-text-fill-color:transparent; color:transparent;\n  }\n\n  \/* ---------- glass cards ---------- *\/\n  .mm-glass{\n    background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.035));\n    backdrop-filter:blur(22px) saturate(160%);\n    -webkit-backdrop-filter:blur(22px) saturate(160%);\n    border:1px solid rgba(255,255,255,.14);\n    box-shadow:0 24px 60px -20px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.22);\n    transition:transform .7s cubic-bezier(.16,1,.3,1), box-shadow .7s cubic-bezier(.16,1,.3,1), border-color .5s;\n  }\n  .mm-glass:hover{\n    transform:translateY(-10px);\n    border-color:rgba(235,0,139,.45);\n    box-shadow:0 40px 90px -22px rgba(235,0,139,.28), 0 24px 60px -20px rgba(0,20,137,.4), inset 0 1px 0 rgba(255,255,255,.3);\n  }\n  .mm-glass-light{\n    background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.55));\n    backdrop-filter:blur(20px) saturate(160%);\n    -webkit-backdrop-filter:blur(20px) saturate(160%);\n    border:1px solid rgba(0,20,137,.10);\n    box-shadow:0 20px 55px -22px rgba(0,6,44,.16);\n    transition:transform .7s cubic-bezier(.16,1,.3,1), box-shadow .7s cubic-bezier(.16,1,.3,1), border-color .5s;\n  }\n  .mm-glass-light:hover{\n    transform:translateY(-8px);\n    border-color:rgba(235,0,139,.35);\n    box-shadow:0 34px 80px -24px rgba(0,20,137,.22), 0 16px 44px -18px rgba(235,0,139,.18);\n  }\n\n  \/* glare sweep on portfolio cards *\/\n  .mm-card-img{ overflow:hidden; position:relative; }\n  .mm-card-img img{ transition:transform 1.4s cubic-bezier(.16,1,.3,1); }\n  .mm-glass:hover .mm-card-img img{ transform:scale(1.07); }\n  .mm-card-img::after{\n    content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);\n    transform:translateX(120%); transition:transform 1.1s cubic-bezier(.16,1,.3,1);\n    pointer-events:none;\n  }\n  .mm-glass:hover .mm-card-img::after{ transform:translateX(-120%); }\n  .group:hover .mm-card-img img{ transform:scale(1.07); }\n  .group:hover .mm-card-img::after{ transform:translateX(-120%); }\n\n  \/* ---------- aurora blobs ---------- *\/\n  .mm-blob{ display:none !important; }\n\n  \/* ---------- marquee ---------- *\/\n  @keyframes mmMarquee{ from{ transform:translate3d(0,0,0);} to{ transform:translate3d(-50%,0,0);} }\n  .mm-marquee-track{ display:flex; width:max-content; flex-shrink:0; animation:mmMarquee 240s linear infinite; will-change:transform; }\n  .mm-marquee-track > div{ flex-shrink:0; }\n\n  \/* ---------- fine grid pattern on dark ---------- *\/\n  .mm-dotgrid{\n    background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);\n    background-size:26px 26px;\n  }\n\n  \/* pill chips *\/\n  .mm-chip{\n    display:inline-flex; align-items:center; gap:.45rem;\n    border:1px solid rgba(0,20,137,.18); border-radius:9999px;\n    padding:.35rem .95rem; font-size:.8rem; font-weight:600; color:var(--blue);\n    background:rgba(0,20,137,.05);\n  }\n\n  \/* reveal helpers *\/\n  .mm-reveal{ opacity:0; transform:translateY(56px); }\n  .mm-reveal-l{ opacity:0; transform:translateX(56px); }\n  .mm-reveal-r{ opacity:0; transform:translateX(-56px); }\n  .mm-scale-in{ opacity:0; transform:scale(.92) translateY(30px); }\n\n  .mm-headline-line{ display:block; overflow:hidden; }\n  .mm-headline-line > span{ display:block; transform:translateY(110%); }\n\n  \/* number ring *\/\n  .mm-num{\n    width:2.6rem;height:2.6rem;border-radius:9999px;flex:none;\n    display:flex;align-items:center;justify-content:center;\n    font-weight:800;font-size:.95rem;color:#fff;\n    background:linear-gradient(135deg,var(--pink),var(--blue));\n    box-shadow:0 8px 20px -6px rgba(235,0,139,.5);\n  }\n\n  ::selection{ background:rgba(235,0,139,.25); }\n\n  html{ scroll-behavior:smooth; }\n\\<\/style>\n<style>\n.mm-feature-card{\n  min-height:150px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n@media (min-width:768px){\n  .mm-feature-card{\n    min-height:170px;\n    aspect-ratio:16\/7;\n    text-align:right;\n  }\n}\n\\<\/style>\n<style>\n.mm-section-kicker{\n  display:inline-flex !important;\n  align-items:center;\n  gap:.75rem;\n  background:transparent !important;\n  border:0 !important;\n  box-shadow:none !important;\n  backdrop-filter:none !important;\n  -webkit-backdrop-filter:none !important;\n  padding:0 !important;\n  border-radius:0 !important;\n  color:#eb008b !important;font-weight:700;\nfont-size:1.25rem;line-height:1.5;}\n.mm-section-kicker::before{content:\"\";width:12px;height:2px;background:#eb008b;display:block;flex:0 0 12px;margin-left:-2px;} .mm-section-kicker::after{content:none !important;}\n\\<\/style>\n<style>\n@media (max-width:1023px){\n  #portfolio > .max-w-\\[1280px\\]{\n    padding-bottom:0 !important;\n  }\n  #portfolio > .relative{\n    margin-top:0;\n  }\n}\n\\<\/style>\n<style>\nhtml, body, body *{\n  font-family: IranYekanX, sans-serif !important;\n}\n\\<\/style>\n<style>\n#solutions .mm-glass,\n#solutions .mm-glass::before,\n#solutions .mm-glass::after{\n  background:#00062c !important;\n  background-image:none !important;\n}\n\\<\/style>\n<style>\n@media (min-width:1024px){\n  \/* Desktop: remove the hero image and let the text use the full hero width. *\/\n  .mm-hero-grid{\n    grid-template-columns:1fr !important;\n  }\n  .mm-hero-visual{\n    display:none !important;\n  }\n\n  \/* Portfolio: put the descriptive paragraph directly under the title,\n     aligned to the right, without changing mobile\/tablet layout. *\/\n  .mm-portfolio-header{\n    flex-direction:column !important;\n    align-items:flex-start !important;\n    justify-content:flex-start !important;\n    gap:10px !important;\n  }\n  .mm-portfolio-header > div{\n    width:100%;\n    max-width:42rem;\n  }\n  .mm-portfolio-header > p{\n    width:100%;\n    max-width:42rem !important;\n    margin:0 !important;\n    text-align:right;\n    align-self:flex-start;\n  }\n\n  \/* Keep the four IML\/BML\/TML\/IMD cards fully inside their column with\n     equal left\/right edges. *\/\n  .mm-label-cards{\n    width:100%;\n    min-width:0;\n    overflow:hidden;\n  }\n  .mm-label-cards > .mm-glass{\n    min-width:0;\n    width:100%;\n  }\n\n  \/* CTA action row centered explicitly on desktop. *\/\n  .mm-portfolio-header + .relative .mm-cta-actions{\n    justify-content:center !important;\n  }\n}\n\\<\/style>\n<style>\n@media (min-width:1024px){\n  \/* 1) Four \"why packaging matters\" cards:\n     give each card its own clear boundary and a real landscape proportion,\n     with a visible gap so borders never visually merge\/overlap. *\/\n  .mm-feature-card{\n    aspect-ratio:auto !important;\n    min-height:170px !important;\n    height:170px;\n    position:relative;\n    z-index:1;\n    overflow:hidden;\n  }\n  #mm-food-page .mm-feature-card + .mm-feature-card{\n    margin-inline-start:0;\n  }\n\n  \/* 2) IML\/BML\/TML\/IMD section: make image column and text column exactly\n     the same height, and keep the image contained inside its own boundary. *\/\n  .mm-labels-layout{\n    align-items:stretch !important;\n  }\n  .mm-labels-layout > .mm-reveal-r,\n  .mm-labels-layout > .mm-reveal-l{\n    height:100%;\n    min-height:0;\n  }\n  .mm-labels-layout > .mm-reveal-l{\n    display:flex;\n    flex-direction:column;\n    overflow:hidden;\n  }\n  .mm-labels-layout > .mm-reveal-l .mm-card-img{\n    flex:1 1 auto;\n    min-height:0;\n    aspect-ratio:auto !important;\n  }\n  .mm-labels-layout > .mm-reveal-l .mm-card-img img{\n    height:100%;\n    object-fit:cover;\n  }\n\n  \/* 3) Portfolio description explicitly sits below the title, right aligned. *\/\n  .mm-portfolio-header{\n    align-items:flex-start !important;\n  }\n  .mm-portfolio-header > p{\n    text-align:right !important;\n    align-self:flex-start !important;\n  }\n\n  \/* 4) CTA button remains centered. *\/\n  .mm-cta-actions{\n    justify-content:center !important;\n    width:100%;\n  }\n}\n\\<\/style>\n<style>\n@media (min-width:1024px){\n  \/* Bring portfolio images much closer to their heading\/description on desktop\n     without changing tablet\/mobile spacing. *\/\n  #portfolio .relative > .relative.z-10.max-w-\\[1280px\\]{\n    padding-top:20px !important;\n  }\n\n  \/* Center ONLY the consultation button itself; the phone button remains\n     available without affecting its horizontal position. *\/\n  .mm-cta-actions{\n    position:relative !important;\n    min-height:52px;\n    justify-content:flex-start !important;\n  }\n  .mm-cta-actions > a:first-child{\n    position:absolute !important;\n    left:50% !important;\n    right:auto !important;\n    transform:translateX(-50%) !important;\n  }\n}\n\\<\/style>\n<style>\n@media (max-width:1023px){\n  .mm-feature-card{\n    min-height:190px !important;\n  }\n}\n@media (max-width:767px){\n  .mm-feature-card{\n    min-height:205px !important;\n  }\n}\n\\<\/style>\n<style>\n@media (max-width:1023px){\n  #portfolioGrid .mm-card-img{\n    aspect-ratio:4\/5 !important;\n  }\n}\n\\<\/style>\n<style>\n@media (max-width:1023px){\n  .mm-section-kicker{\n    font-size:1rem !important;\n    line-height:1.5 !important;\n  }\n}\n\\<\/style>\n<style>\n#mm-food-page a[style*=\"linear-gradient\"] {\n  color:#fff !important;\n}\n\\<\/style>\n<style id=\"mm-food-standalone-theme\">\n#mm-food-page{\n  --mm-navy:#00062c !important;\n  --mm-blue:#001489 !important;\n  --mm-pink:#eb008b !important;\n  --mm-white:#ffffff !important;\n  --mm-text:#33395c !important;\n  --mm-muted:#5a6082 !important;\n  color:var(--mm-navy) !important;\n}\n\n#mm-food-page,\n#mm-food-page *,\n#mm-food-page *::before,\n#mm-food-page *::after{\n  box-sizing:border-box;\n}\n\n#mm-food-page a,\n#mm-food-page button,\n#mm-food-page h1,\n#mm-food-page h2,\n#mm-food-page h3,\n#mm-food-page h4,\n#mm-food-page h5,\n#mm-food-page h6,\n#mm-food-page p,\n#mm-food-page span,\n#mm-food-page li{\n  font-family:'IranYekanX',sans-serif !important;\n}\n\n#mm-food-page a{\n  text-decoration:none !important;\n}\n\n#mm-food-page .text-white{\n  color:#fff !important;\n}\n#mm-food-page .text-white\\\/70,\n#mm-food-page .text-white\\\/65,\n#mm-food-page .text-white\\\/60,\n#mm-food-page .text-white\\\/55,\n#mm-food-page .text-white\\\/50,\n#mm-food-page .text-white\\\/40,\n#mm-food-page .text-white\\\/35,\n#mm-food-page .text-white\\\/75{\n  color:inherit;\n}\n\n#mm-food-page a[style*=\"linear-gradient\"]{\n  color:#fff !important;\n}\n\n#mm-food-page .mm-grad-text,\n#mm-food-page .mm-grad-text-light{\n  -webkit-text-fill-color:transparent !important;\n}\n\n#mm-food-page .mm-grad-text{\n  color:transparent !important;\n}\n#mm-food-page .mm-grad-text-light{\n  color:transparent !important;\n}\n\n#mm-food-page input,\n#mm-food-page textarea,\n#mm-food-page select,\n#mm-food-page button{\n  font-family:'IranYekanX',sans-serif !important;\n}\n\\<\/style>\n<style id=\"mm-hero-background-image\">\n\/* \u0641\u0642\u0637 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0647\u06cc\u0631\u0648 \u2014 \u0647\u06cc\u0686 \u0628\u062e\u0634 \u062f\u06cc\u06af\u0631\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f *\/\n#mm-food-page .mm-hero{\n  position:relative !important;\n  isolation:isolate !important;\n  background:#00062c !important;\n}\n#mm-food-page .mm-hero::before{\n  content:\"\" !important;\n  position:absolute !important;\n  inset:-8px !important;\n  z-index:0 !important;\n  background-image:\n    linear-gradient(rgba(0,6,44,.48),rgba(0,6,44,.48)),\n    url(\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-19-2026-10_42_05-AM.webp\") !important;\n  background-size:cover !important;\n  background-position:center !important;\n  background-repeat:no-repeat !important;\n  filter:blur(2px) !important;\n  transform:scale(1.01) !important;\n  pointer-events:none !important;\n}\n#mm-food-page .mm-hero > *{\n  position:relative !important;\n  z-index:1 !important;\n}\n\\<\/style>\n<style id=\"mm-food-hard-isolation\">\n\/* ===== \u0645\u0627\u062a\u0631\u06cc\u0633: \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0627\u0632 \u062f\u062e\u0627\u0644\u062a Global Typography \/ Colors \u0627\u0644\u0645\u0646\u062a\u0648\u0631 ===== *\/\n\n\/* Hero title *\/\n#mm-food-page .mm-hero h1{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:64px !important;\n  line-height:1.15 !important;\n  font-weight:900 !important;\n  color:#ffffff !important;\n}\n#mm-food-page .mm-hero h1 .mm-headline-line{\n  color:#ffffff !important;\n  font-size:inherit !important;\n  line-height:inherit !important;\n}\n#mm-food-page .mm-hero h1 .mm-headline-line > span{\n  color:#ffffff !important;\n  font-size:inherit !important;\n  line-height:inherit !important;\n  font-weight:inherit !important;\n}\n#mm-food-page .mm-hero h1 .mm-grad-text-light{\n  color:transparent !important;\n  background:linear-gradient(120deg,#001489 0%,#eb008b 100%) !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n}\n\n\/* Hero body text *\/\n#mm-food-page .mm-hero p{\n  color:rgba(255,255,255,.70) !important;\n}\n#mm-food-page .mm-hero p .text-white{\n  color:#ffffff !important;\n}\n\n\/* \u062a\u0645\u0627\u0645 section kicker\u0647\u0627 *\/\n#mm-food-page .mm-section-kicker{\n  color:#eb008b !important;\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:1.25rem !important;\n  font-weight:700 !important;\n}\n\n\/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc \u0633\u06a9\u0634\u0646 Solutions *\/\n#mm-food-page #solutions h2{\n  color:#ffffff !important;\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:48px !important;\n  line-height:1.3 !important;\n  font-weight:900 !important;\n}\n#mm-food-page #solutions h2 .mm-grad-text-light{\n  color:transparent !important;\n  background:linear-gradient(120deg,#001489 0%,#eb008b 100%) !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n}\n\n\/* \u0639\u0646\u0648\u0627\u0646 \u0633\u06a9\u0634\u0646 \u0633\u0641\u06cc\u062f *\/\n#mm-food-page h2{\n  font-family:'IranYekanX',sans-serif !important;\n}\n\n\/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0631\u0646\u06af Global Elementor \u0631\u0648\u06cc \u0645\u062a\u0646\u200c\u0647\u0627\u06cc \u0633\u0641\u06cc\u062f *\/\n#mm-food-page .text-white,\n#mm-food-page .text-white\\\/70,\n#mm-food-page .text-white\\\/65,\n#mm-food-page .text-white\\\/60,\n#mm-food-page .text-white\\\/55,\n#mm-food-page .text-white\\\/50,\n#mm-food-page .text-white\\\/40,\n#mm-food-page .text-white\\\/35,\n#mm-food-page .text-white\\\/75{\n  color:#ffffff !important;\n}\n\n\/* \u0645\u06af\u0631 \u0645\u062a\u0646\u200c\u0647\u0627\u06cc \u062f\u0627\u0631\u0627\u06cc opacity \u06a9\u0647 \u0631\u0646\u06af \u0633\u0641\u06cc\u062f\u0634\u0627\u0646 \u0628\u0627\u06cc\u062f \u0647\u0645\u0627\u0646 opacity \u0642\u0628\u0644\u06cc \u0628\u0627\u0634\u062f *\/\n#mm-food-page .text-white\\\/70{color:rgba(255,255,255,.70) !important;}\n#mm-food-page .text-white\\\/65{color:rgba(255,255,255,.65) !important;}\n#mm-food-page .text-white\\\/60{color:rgba(255,255,255,.60) !important;}\n#mm-food-page .text-white\\\/55{color:rgba(255,255,255,.55) !important;}\n#mm-food-page .text-white\\\/50{color:rgba(255,255,255,.50) !important;}\n#mm-food-page .text-white\\\/40{color:rgba(255,255,255,.40) !important;}\n#mm-food-page .text-white\\\/35{color:rgba(255,255,255,.35) !important;}\n#mm-food-page .text-white\\\/75{color:rgba(255,255,255,.75) !important;}\n\n@media (max-width:1023px){\n  #mm-food-page .mm-hero h1{\n    font-size:48px !important;\n  }\n  #mm-food-page #solutions h2{\n    font-size:40px !important;\n  }\n}\n@media (max-width:639px){\n  #mm-food-page .mm-hero h1{\n    font-size:36px !important;\n  }\n  #mm-food-page #solutions h2{\n    font-size:32px !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-food-absolute-typography-isolation\">\n\/* =========================================================\n   MATRIS FOOD PAGE \u2014 ABSOLUTE TYPOGRAPHY ISOLATION\n   Elementor Global Fonts \/ Colors \/ Heading Styles cannot\n   override anything inside #mm-food-page.\n   ========================================================= *\/\n\n#mm-food-page,\n#mm-food-page *,\n#mm-food-page *::before,\n#mm-food-page *::after{\n  font-family:'IranYekanX',sans-serif !important;\n}\n\n\/* ---------- BASE TEXT ---------- *\/\n#mm-food-page p,\n#mm-food-page li,\n#mm-food-page a,\n#mm-food-page span,\n#mm-food-page div{\n  font-weight:inherit !important;\n}\n\n\/* ---------- HERO H1 ---------- *\/\n#mm-food-page .mm-hero h1,\n#mm-food-page .mm-hero h1.text-white{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:64px !important;\n  line-height:1.15 !important;\n  font-weight:900 !important;\n  color:#fff !important;\n  margin-bottom:24px !important;\n}\n#mm-food-page .mm-hero h1 .mm-headline-line,\n#mm-food-page .mm-hero h1 .mm-headline-line > span{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:inherit !important;\n  line-height:inherit !important;\n  font-weight:900 !important;\n  color:#fff !important;\n}\n#mm-food-page .mm-hero h1 .mm-grad-text-light{\n  color:transparent !important;\n  background:linear-gradient(120deg,#001489 0%,#eb008b 100%) !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n}\n\n\/* ---------- HERO PARAGRAPH ---------- *\/\n#mm-food-page .mm-hero > .mm-hero-grid > div:first-child > p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:18px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.70) !important;\n}\n#mm-food-page .mm-hero > .mm-hero-grid > div:first-child > p .text-white{\n  color:#fff !important;\n  font-weight:500 !important;\n}\n\n\/* ---------- ALL SECTION H2s ---------- *\/\n#mm-food-page h2{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:48px !important;\n  line-height:1.3 !important;\n  font-weight:900 !important;\n}\n\n\/* White industry section *\/\n#mm-food-page section:not(#solutions) h2{\n  color:#00062c !important;\n}\n\n\/* Solutions H2 *\/\n#mm-food-page #solutions h2{\n  color:#fff !important;\n}\n#mm-food-page #solutions h2 .mm-grad-text-light{\n  color:transparent !important;\n  background:linear-gradient(120deg,#001489 0%,#eb008b 100%) !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n}\n\n\/* Portfolio H2 *\/\n#mm-food-page #portfolio h2{\n  color:#00062c !important;\n}\n\n\/* ---------- SECTION KICKERS ---------- *\/\n#mm-food-page .mm-section-kicker{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:20px !important;\n  line-height:1.5 !important;\n  font-weight:700 !important;\n  color:#eb008b !important;\n}\n\n\/* ---------- SOLUTION H3s ---------- *\/\n#mm-food-page #solutions .mm-reveal-r h3{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:30px !important;\n  line-height:1.3 !important;\n  font-weight:900 !important;\n  color:#fff !important;\n}\n#mm-food-page #solutions .mm-reveal-r h3 span{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:16px !important;\n  line-height:inherit !important;\n  font-weight:500 !important;\n  color:rgba(255,255,255,.40) !important;\n}\n\n\/* ---------- FEATURE CARDS ---------- *\/\n#mm-food-page .mm-feature-card h3{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:16px !important;\n  line-height:1.5 !important;\n  font-weight:700 !important;\n  color:#00062c !important;\n}\n#mm-food-page .mm-feature-card p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:14px !important;\n  line-height:1.75rem !important;\n  font-weight:300 !important;\n  color:#5a6082 !important;\n}\n\n\/* ---------- SOLUTION BODY TEXT ---------- *\/\n#mm-food-page #solutions .mm-reveal-r > p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:16px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.65) !important;\n}\n\n\/* ---------- LABEL CARDS ---------- *\/\n#mm-food-page .mm-label-cards .font-black{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:18px !important;\n  line-height:1.5 !important;\n  font-weight:900 !important;\n}\n#mm-food-page .mm-label-cards p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:12px !important;\n  line-height:1.5rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.65) !important;\n}\n\n\/* ---------- PORTFOLIO CARD TITLES ---------- *\/\n#mm-food-page #portfolioGrid article h3{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:16px !important;\n  line-height:1.5 !important;\n  font-weight:700 !important;\n  color:#fff !important;\n}\n#mm-food-page #portfolioGrid article p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:12px !important;\n  line-height:1.5rem !important;\n  font-weight:300 !important;\n  color:rgba(255,255,255,.55) !important;\n}\n\n\/* ---------- CTA H3 ---------- *\/\n#mm-food-page #portfolio .mm-reveal > div > h3{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:36px !important;\n  line-height:1.4 !important;\n  font-weight:900 !important;\n  color:#00062c !important;\n}\n#mm-food-page #portfolio .mm-reveal > div > p{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:16px !important;\n  line-height:2rem !important;\n  font-weight:300 !important;\n  color:#33395c !important;\n}\n\n\/* ---------- BUTTONS ---------- *\/\n#mm-food-page a{\n  font-family:'IranYekanX',sans-serif !important;\n}\n#mm-food-page .mm-hero a{\n  font-size:14px !important;\n  font-weight:700 !important;\n}\n#mm-food-page .mm-cta-actions a{\n  font-size:14px !important;\n  font-weight:700 !important;\n  color:#fff !important;\n}\n\n\/* ---------- STATS ---------- *\/\n#mm-food-page [data-counter]{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:30px !important;\n  line-height:1.2 !important;\n  font-weight:900 !important;\n  color:#fff !important;\n}\n#mm-food-page .mm-hero .text-white.text-xs{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:12px !important;\n  line-height:1.5 !important;\n  font-weight:400 !important;\n  color:rgba(255,255,255,.50) !important;\n}\n\n\/* ---------- MARQUEE ---------- *\/\n#mm-food-page #marqueeA span,\n#mm-food-page #marqueeB span{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:14px !important;\n  font-weight:700 !important;\n}\n\n\/* ---------- SMALL TAGS \/ BADGES ---------- *\/\n#mm-food-page .mm-chip{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:13px !important;\n  font-weight:600 !important;\n}\n#mm-food-page .mm-glass .text-\\[11px\\]{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:11px !important;\n}\n\n\/* ---------- FOOTER NOTE ---------- *\/\n#mm-food-page > div:last-child,\n#mm-food-page .text-center.text-white\\\/35{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:12px !important;\n  font-weight:300 !important;\n}\n\n\/* ---------- RESPONSIVE: preserve the exact visual scale ---------- *\/\n@media (max-width:1023px){\n  #mm-food-page .mm-hero h1{\n    font-size:48px !important;\n  }\n  #mm-food-page h2{\n    font-size:40px !important;\n  }\n  #mm-food-page .mm-section-kicker{\n    font-size:16px !important;\n  }\n  #mm-food-page #solutions .mm-reveal-r h3{\n    font-size:30px !important;\n  }\n  #mm-food-page #portfolio .mm-reveal > div > h3{\n    font-size:32px !important;\n  }\n}\n\n@media (max-width:767px){\n  #mm-food-page .mm-hero h1{\n    font-size:36px !important;\n  }\n  #mm-food-page h2{\n    font-size:32px !important;\n  }\n  #mm-food-page .mm-section-kicker{\n    font-size:16px !important;\n  }\n  #mm-food-page #solutions .mm-reveal-r h3{\n    font-size:24px !important;\n  }\n  #mm-food-page #solutions .mm-reveal-r h3 span{\n    font-size:14px !important;\n  }\n  #mm-food-page #portfolio .mm-reveal > div > h3{\n    font-size:24px !important;\n  }\n}\n\n\/* Elementor sometimes applies these directly to headings. Kill only\n   Elementor's heading-level inherited typography inside this component. *\/\n#mm-food-page h1,\n#mm-food-page h2,\n#mm-food-page h3,\n#mm-food-page h4,\n#mm-food-page h5,\n#mm-food-page h6{\n  text-transform:none !important;\n  letter-spacing:normal !important;\n  font-style:normal !important;\n  text-decoration:none !important;\n}\n\\<\/style>\n<style id=\"mm-food-pink-kicker-final\">\n\/* \u0627\u0646\u062f\u0627\u0632\u0647 \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0648\u0631\u062a\u06cc \u062e\u0637\u200c\u062f\u0627\u0631 \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627 \u0628\u0642\u06cc\u0647 *\/\n#mm-food-page .mm-section-kicker{\n  font-family:'IranYekanX',sans-serif !important;\n  font-size:20px !important;\n  line-height:1.5 !important;\n  font-weight:700 !important;\n  color:#eb008b !important;\n  display:inline-flex !important;\n  align-items:center !important;\n  gap:.75rem !important;\n}\n#mm-food-page .mm-section-kicker::before{\n  content:\"\" !important;\n  width:12px !important;\n  height:2px !important;\n  background:#eb008b !important;\n  display:block !important;\n  flex:0 0 12px !important;\n}\n@media (max-width:1023px){\n  #mm-food-page .mm-section-kicker{\n    font-size:20px !important;\n  }\n}\n@media (max-width:767px){\n  #mm-food-page .mm-section-kicker{\n    font-size:20px !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-food-portfolio-title-one-line\">\n\/* \u0639\u0646\u0648\u0627\u0646 \u00ab\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0642\u0641\u0633\u0647\u200c\u0647\u0627 \u0631\u0627 \u0641\u062a\u062d \u06a9\u0631\u062f\u0646\u062f\u00bb \u0647\u0645\u06cc\u0634\u0647 \u06cc\u06a9\u200c\u062e\u0637\u06cc *\/\n#mm-food-page #portfolio .mm-portfolio-header > div{\n  max-width:none !important;\n  width:100% !important;\n}\n#mm-food-page #portfolio .mm-portfolio-header h2{\n  white-space:nowrap !important;\n  max-width:none !important;\n  width:max-content !important;\n}\n@media (max-width:1023px){\n  #mm-food-page #portfolio .mm-portfolio-header h2{\n    white-space:nowrap !important;\n    font-size:40px !important;\n  }\n}\n@media (max-width:767px){\n  #mm-food-page #portfolio .mm-portfolio-header h2{\n    white-space:nowrap !important;\n    font-size:32px !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-food-portfolio-4x5\">\n\/* \u0639\u06a9\u0633\u200c\u0647\u0627\u06cc \u0633\u06a9\u0634\u0646 \u0622\u062e\u0631 \u2014 \u0646\u0633\u0628\u062a \u062f\u0642\u06cc\u0642 4:5 \u062f\u0631 \u0647\u0645\u0647 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 *\/\n#mm-food-page #portfolioGrid .mm-card-img{\n  aspect-ratio:1 \/ 1 !important;\n  width:100% !important;\n  overflow:hidden !important;\n}\n#mm-food-page #portfolioGrid .mm-card-img img{\n  width:100% !important;\n  height:100% !important;\n  object-fit:cover !important;\n}\n\\<\/style>\n<style id=\"mm-food-responsive-final\">\n\/* =========================================================\n   MATRIS \u2014 MOBILE \/ TABLET ONLY\n   Desktop (1024px+) is intentionally untouched.\n   ========================================================= *\/\n@media (max-width:1023px){\n  \/* Hero title \u2014 smaller only on tablet\/mobile *\/\n  #mm-food-page .mm-hero h1,\n  #mm-food-page .mm-hero h1 .mm-headline-line,\n  #mm-food-page .mm-hero h1 .mm-headline-line > span{\n    font-size:38px !important;\n    line-height:1.2 !important;\n  }\n\n  \/* Hero buttons \u2014 same width + same height; shrink to fit *\/\n  #mm-food-page .mm-hero .mm-reveal.grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:8px !important;\n    width:100% !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.grid > a{\n    width:100% !important;\n    min-width:0 !important;\n    height:46px !important;\n    min-height:46px !important;\n    padding:0 8px !important;\n    font-size:12px !important;\n    line-height:1 !important;\n    white-space:nowrap !important;\n  }\n\n  \/* Pink underlined section titles *\/\n  #mm-food-page .mm-section-kicker{\n    font-size:15px !important;\n    line-height:1.45 !important;\n  }\n  #mm-food-page .mm-section-kicker::before{\n    width:10px !important;\n    flex-basis:10px !important;\n  }\n\n  \/* Hide the four industry feature cards only on tablet\/mobile *\/\n  #mm-food-page .mm-feature-card{\n    display:none !important;\n  }\n\n  \/* Portfolio title: never overflow; allow a clean 2-line wrap *\/\n  #mm-food-page #portfolio .mm-portfolio-header > div{\n    width:100% !important;\n    max-width:100% !important;\n    min-width:0 !important;\n  }\n  #mm-food-page #portfolio .mm-portfolio-header h2{\n    white-space:normal !important;\n    width:100% !important;\n    max-width:100% !important;\n    overflow-wrap:anywhere !important;\n    word-break:normal !important;\n    font-size:30px !important;\n    line-height:1.35 !important;\n  }\n}\n\n@media (max-width:639px){\n  \/* Extra reduction for phones *\/\n  #mm-food-page .mm-hero h1,\n  #mm-food-page .mm-hero h1 .mm-headline-line,\n  #mm-food-page .mm-hero h1 .mm-headline-line > span{\n    font-size:30px !important;\n    line-height:1.22 !important;\n  }\n\n  #mm-food-page .mm-hero .mm-reveal.grid > a{\n    height:44px !important;\n    min-height:44px !important;\n    padding:0 6px !important;\n    font-size:11px !important;\n    gap:5px !important;\n  }\n\n  #mm-food-page .mm-section-kicker{\n    font-size:14px !important;\n  }\n\n  #mm-food-page #portfolio .mm-portfolio-header h2{\n    font-size:26px !important;\n    line-height:1.4 !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-food-responsive-final-tweaks-v2\">\n\/* =========================================================\n   MATRIS \u2014 FINAL MOBILE \/ TABLET TYPOGRAPHY TWEAKS\n   Desktop (1024px+) is intentionally untouched.\n   ========================================================= *\/\n@media (max-width:1023px){\n  \/* \u06f3 \u0634\u0645\u0627\u0631\u0646\u062f\u0647 \u0647\u06cc\u0631\u0648: \u062d\u062a\u0645\u0627\u064b \u06cc\u06a9 \u0631\u062f\u06cc\u0641\u060c \u06a9\u0648\u0686\u06a9 \u0648 \u0647\u0645\u200c\u0639\u0631\u0636 *\/\n  #mm-food-page .mm-hero .mm-reveal.mt-14{\n    display:flex !important;\n    flex-direction:row !important;\n    flex-wrap:nowrap !important;\n    align-items:flex-start !important;\n    justify-content:space-between !important;\n    gap:6px !important;\n    width:100% !important;\n    max-width:100% !important;\n    margin-top:32px !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 > div{\n    flex:1 1 0 !important;\n    width:33.333% !important;\n    min-width:0 !important;\n    text-align:center !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 > div > div:first-child,\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-3xl{\n    font-size:19px !important;\n    line-height:1.1 !important;\n    white-space:nowrap !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-xs{\n    font-size:9px !important;\n    line-height:1.35 !important;\n    white-space:nowrap !important;\n  }\n\n  \/* \u062a\u0645\u0627\u0645 H2 \u0647\u0627 \u062f\u0631 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u200c\u0627\u0646\u062f\u0627\u0632\u0647\u061b \u062f\u0633\u06a9\u062a\u0627\u067e \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 *\/\n  #mm-food-page h2,\n  #mm-food-page #solutions h2,\n  #mm-food-page #portfolio h2{\n    font-size:30px !important;\n    line-height:1.4 !important;\n  }\n\n  \/* \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0648\u0631\u062a\u06cc \u062e\u0637\u200c\u062f\u0627\u0631 *\/\n  #mm-food-page .mm-section-kicker{\n    font-size:14px !important;\n    line-height:1.5 !important;\n  }\n\n  \/* \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u06cc\u0631\u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 breakpoint\u0647\u0627\u06cc \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\n  #mm-food-page #heroCard .absolute.bottom-8 .text-sm{\n    font-size:11px !important;\n    line-height:1.45 !important;\n  }\n  #mm-food-page #heroCard .absolute.bottom-8 .text-xs{\n    font-size:9px !important;\n    line-height:1.35 !important;\n  }\n}\n\n@media (max-width:767px){\n  \/* \u0634\u0645\u0627\u0631\u0646\u062f\u0647\u200c\u0647\u0627 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0647\u0645 \u062f\u0642\u06cc\u0642\u0627\u064b \u06cc\u06a9 \u062e\u0637 \u0628\u0645\u0627\u0646\u0646\u062f *\/\n  #mm-food-page .mm-hero .mm-reveal.mt-14{\n    gap:4px !important;\n    margin-top:28px !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 > div > div:first-child,\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-3xl{\n    font-size:17px !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-xs{\n    font-size:8px !important;\n  }\n\n  \/* \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 H2 \u0647\u0627 *\/\n  #mm-food-page h2,\n  #mm-food-page #solutions h2,\n  #mm-food-page #portfolio h2{\n    font-size:27px !important;\n    line-height:1.42 !important;\n  }\n\n  \/* \u0645\u062a\u0646 \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u06cc\u0631\u0648 *\/\n  #mm-food-page #heroCard .absolute.bottom-8{\n    padding:10px 12px !important;\n    right:16px !important;\n    left:16px !important;\n    bottom:16px !important;\n  }\n  #mm-food-page #heroCard .absolute.bottom-8 .text-sm{\n    font-size:10px !important;\n  }\n  #mm-food-page #heroCard .absolute.bottom-8 .text-xs{\n    font-size:8px !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-food-responsive-final-tweaks\">\n@media (max-width:1023px){\n  \/* \u0634\u0645\u0627\u0631\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0647\u06cc\u0631\u0648: \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0648 \u06cc\u06a9\u200c\u062e\u0637\u06cc *\/\n  #mm-food-page .mm-hero .mm-reveal.mt-14{\n    grid-template-columns:repeat(3,minmax(0,1fr)) !important;\n    gap:8px !important;\n    max-width:none !important;\n    width:100% !important;\n    margin-top:2.5rem !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 > div{\n    min-width:0 !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-3xl{\n    font-size:22px !important;\n    line-height:1.15 !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-xs{\n    font-size:10px !important;\n    white-space:nowrap !important;\n  }\n\n  \/* \u0639\u0646\u0648\u0627\u0646 \u00ab\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u060c \u0627\u0648\u0644\u06cc\u0646 \u0648\u06cc\u062a\u0631\u06cc\u0646 \u0628\u0631\u0646\u062f \u0634\u0645\u0627\u0633\u062a\u00bb \u0648 \u062a\u0645\u0627\u0645 H2\u0647\u0627\u06cc \u0647\u0645\u200c\u0631\u062f\u0647 *\/\n  #mm-food-page h2{\n    font-size:34px !important;\n    line-height:1.35 !important;\n  }\n\n  \/* \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0648\u0631\u062a\u06cc \u062e\u0637\u200c\u062f\u0627\u0631 *\/\n  #mm-food-page .mm-section-kicker{\n    font-size:14px !important;\n    line-height:1.5 !important;\n  }\n}\n\n@media (max-width:767px){\n  #mm-food-page .mm-hero .mm-reveal.mt-14{\n    gap:5px !important;\n    margin-top:2rem !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-3xl{\n    font-size:19px !important;\n  }\n  #mm-food-page .mm-hero .mm-reveal.mt-14 .text-xs{\n    font-size:9px !important;\n  }\n\n  #mm-food-page h2{\n    font-size:29px !important;\n    line-height:1.4 !important;\n  }\n\n  \/* \u0645\u062a\u0646\/\u0641\u0648\u0646\u062a \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u06cc\u0631\u0648 *\/\n  #mm-food-page #heroCard .absolute.bottom-8{\n    padding:10px 12px !important;\n    right:16px !important;\n    left:16px !important;\n    bottom:16px !important;\n  }\n  #mm-food-page #heroCard .absolute.bottom-8 .text-sm{\n    font-size:11px !important;\n    line-height:1.5 !important;\n  }\n  #mm-food-page #heroCard .absolute.bottom-8 .text-xs{\n    font-size:9px !important;\n  }\n}\n\\<\/style>\n<style id=\"mm-remove-hero-image-text\">\n\/* \u062d\u0630\u0641 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0631\u0648\u06cc \u06a9\u0627\u062f\u0631\/\u062a\u0635\u0648\u06cc\u0631 \u0647\u06cc\u0631\u0648 \u062f\u0631 \u062a\u0645\u0627\u0645 \u062d\u0627\u0644\u062a\u200c\u0647\u0627 *\/\n#mm-food-page #heroCard .absolute.bottom-8,\n#mm-food-page #heroBadge{\n  display:none !important;\n}\n\\<\/style>\n\n<style id=\"mm-solutions-images-radius-center-final\">\n\/* \u0641\u0642\u0637 \u06f3 \u062a\u0635\u0648\u06cc\u0631 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u2014 \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 + radius \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u200c\u0627\u0646\u062f\u0627\u0632\u0647 \u0642\u0627\u0628 *\/\n#mm-food-page #solutions .mm-reveal-l.mm-glass{\n  overflow:hidden !important;\n}\n#mm-food-page #solutions .mm-reveal-l.mm-glass .mm-card-img{\n  width:100% !important;\n  height:100% !important;\n  min-height:0 !important;\n  overflow:hidden !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  border-radius:inherit !important;\n}\n#mm-food-page #solutions .mm-reveal-l.mm-glass .mm-card-img img{\n  display:block !important;\n  width:100% !important;\n  height:100% !important;\n  max-width:none !important;\n  max-height:none !important;\n  object-fit:cover !important;\n  object-position:center center !important;\n  margin:0 auto !important;\n  border-radius:inherit !important;\n  transform:none !important;\n}\n<\/style>\n<style id=\"mm-appliances-portfolio-glass-shorter-final\">\n\/* \u0641\u0642\u0637 \u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0627\u06a9\u0633 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06f6 \u06a9\u0627\u0631\u062a \u06a9\u0645 \u0634\u062f\u0647\u061b \u0627\u0628\u0639\u0627\u062f \u06a9\u0644\u06cc \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0633\u062a\u200c\u0646\u062e\u0648\u0631\u062f\u0647 *\/\n#mm-food-page #portfolioGrid > article .mm-glass{\n  padding:10px 12px !important;\n  border-radius:1.15rem !important;\n}\n#mm-food-page #portfolioGrid > article .mm-glass h3{\n  font-size:13px !important;\n  line-height:1.35 !important;\n}\n#mm-food-page #portfolioGrid > article .mm-glass p{\n  font-size:10px !important;\n  line-height:1.45 !important;\n  margin:0 !important;\n}\n#mm-food-page #portfolioGrid > article .mm-glass .flex.items-start.justify-between{\n  margin-bottom:2px !important;\n}\n@media (max-width:639px){\n  #mm-food-page #portfolioGrid > article .mm-glass{\n    padding:9px 10px !important;\n    border-radius:1.05rem !important;\n  }\n  #mm-food-page #portfolioGrid > article .mm-glass h3{\n    font-size:11px !important;\n    line-height:1.35 !important;\n  }\n  #mm-food-page #portfolioGrid > article .mm-glass p{\n    font-size:9px !important;\n    line-height:1.4 !important;\n  }\n}\n<\/style>\n<style id=\"mm-appliances-portfolio-match-other-pages\">\n\n\/* \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631: \u0622\u0628\u06cc \u0628\u0631\u0646\u062f \u0628\u0647\u200c\u062c\u0627\u06cc \u0633\u0641\u06cc\u062f (\u0645\u062a\u0646 \u062f\u0627\u062e\u0644 \u062a\u06af\u200c\u0647\u0627 \u0633\u0641\u06cc\u062f \u0645\u06cc\u200c\u0645\u0627\u0646\u062f) *\/\n#mm-food-page #portfolioGrid > article .mm-glass h3,\n#mm-food-page #portfolioGrid > article .mm-glass p{\n  color:#001489 !important;\n  -webkit-text-fill-color:#001489 !important;\n}\n\n\/* \u06a9\u0627\u0631\u062a \u0622\u062e\u0631 (\u0633\u0648\u0645): \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0633\u0641\u06cc\u062f *\/\n#mm-food-page #portfolioGrid > article:nth-child(3) .mm-glass h3,\n#mm-food-page #portfolioGrid > article:nth-child(3) .mm-glass p{\n  color:#ffffff !important;\n  -webkit-text-fill-color:#ffffff !important;\n}\n\n\/* \u062a\u06af \u0647\u0645\u200c\u0631\u062f\u06cc\u0641 \u062a\u0627\u06cc\u062a\u0644 \u0648 \u0633\u0645\u062a \u0686\u067e \u2014 \u06a9\u0627\u062f\u0631 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u06a9\u0648\u062a\u0627\u0647 \u0645\u06cc\u200c\u0645\u0627\u0646\u062f *\/\n#mm-food-page #portfolioGrid > article .mm-glass > .flex.items-start.justify-between{\n  display:grid !important;\n  grid-template-columns:minmax(0,1fr) auto !important;\n  align-items:center !important;\n  column-gap:8px !important;\n  row-gap:0 !important;\n  direction:rtl !important;\n  margin-bottom:2px !important;\n}\n\n#mm-food-page #portfolioGrid > article .mm-glass > .flex.items-start.justify-between > h3{\n  grid-column:1 !important;\n  width:auto !important;\n  max-width:100% !important;\n  min-width:0 !important;\n  margin:0 !important;\n  padding:0 !important;\n  text-align:right !important;\n}\n\n\/* \u062a\u06af \u0647\u0645\u200c\u0627\u0646\u062f\u0627\u0632\u0647\u0654 \u062a\u06af \u0635\u0641\u062d\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 *\/\n#mm-food-page #portfolioGrid > article .mm-glass > .flex.items-start.justify-between > span{\n  grid-column:2 !important;\n  justify-self:end !important;\n  align-self:center !important;\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  width:max-content !important;\n  max-width:max-content !important;\n  white-space:nowrap !important;\n  margin:0 !important;\n  font-size:9px !important;\n  line-height:1.3 !important;\n  padding:4px 8px !important;\n}\n\n@media (max-width:639px){\n  #mm-food-page #portfolioGrid > article .mm-glass > .flex.items-start.justify-between > span{\n    font-size:8px !important;\n    padding:3px 6px !important;\n  }\n}\n\n<\/style>\n<\/head>\n<body>\n<div id=\"mm-food-page\" class=\"relative w-full antialiased\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"mm-hero relative min-h-[92vh] flex items-center overflow-hidden\" style=\"background:#00062c;\">\n  <div class=\"mm-hero-grid relative z-10 max-w-[1280px] mx-auto px-6 lg:px-10 py-24 w-full grid lg:grid-cols-2 gap-14 items-center\">\n    <!-- text -->\n    <div>\n      <h1 class=\"text-white font-black leading-[1.15] text-4xl sm:text-5xl lg:text-[64px] mb-6\">\n        <span class=\"mm-headline-line\"><span>\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/span><\/span>\n        <span class=\"mm-headline-line\"><span class=\"mm-grad-text-light\">\u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc<\/span><\/span>\n        <span class=\"mm-headline-line\"><span>\u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc<\/span><\/span>\n      <\/h1>\n\n      <p class=\"mm-reveal text-white\/70 text-base lg:text-lg leading-8 max-w-xl mb-10 font-light\">\n        \u0627\u0632 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0628\u0631\u0627\u06cc \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632\u060c \u06a9\u062a\u0631\u06cc \u0628\u0631\u0642\u06cc \u0648 \u0647\u0645\u0632\u0646 \u0622\u0634\u067e\u0632\u062e\u0627\u0646\u0647 \u062a\u0627 \u06a9\u0627\u0631\u062a\u0646\u200c\u0647\u0627\u06cc \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u062d\u0645\u0644 \u0627\u06cc\u0645\u0646 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0633\u0646\u06af\u06cc\u0646\u200c\u062a\u0631 \u0645\u062b\u0644 \u0645\u0627\u06cc\u06a9\u0631\u0648\u0648\u06cc\u0648 \u0648 \u062c\u0627\u0631\u0648\u0628\u0631\u0642\u06cc\u060c \u0648 \u0627\u062c\u0632\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc\n        <span class=\"\"> IML \/ BML \/ TML \/ IMD<\/span> \u0631\u0648\u06cc \u0628\u062f\u0646\u0647\u060c \u067e\u0646\u0644 \u06a9\u0646\u062a\u0631\u0644 \u0648 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u061b\n        \u0645\u0627\u062a\u0631\u06cc\u0633 \u0634\u0631\u06cc\u06a9 \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0628\u0631\u0627\u06cc \u062e\u0644\u0642 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0642\u0641\u0633\u0647 \u0645\u06cc\u200c\u062f\u0631\u062e\u0634\u0646\u062f\u060c \u062f\u0631 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644 \u0627\u0632 \u0645\u062d\u0635\u0648\u0644 \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u0622\u0646\u0628\u0627\u06a9\u0633\u06cc\u0646\u06af \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f.\n      <\/p>\n\n      <div class=\"mm-reveal grid grid-cols-2 items-center gap-3 sm:flex sm:flex-row\">\n        <a href=\"#portfolio\" class=\"group relative inline-flex items-center justify-center gap-2 rounded-full px-4 sm:px-8 py-3 font-bold text-white text-sm overflow-hidden transition-transform duration-500 hover:scale-[1.04] min-w-0 w-full sm:w-auto\" style=\"background:linear-gradient(120deg,#eb008b,#001489);\">\n          <span class=\"relative z-10\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/span>\n          <svg class=\"relative z-10 w-4 h-4 transition-transform duration-500 group-hover:-translate-x-1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\n        <\/a>\n        <a href=\"#solutions\" class=\"inline-flex items-center justify-center gap-2 rounded-full px-4 sm:px-8 py-3 font-bold text-sm text-white border border-white\/25 bg-white\/5 backdrop-blur-md transition-all duration-500 hover:bg-white\/10 hover:border-white\/40 w-full sm:w-auto\">\n          \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\n        <\/a>\n      <\/div>\n\n      <!-- stats -->\n      <div class=\"mm-reveal mt-14 grid grid-cols-3 gap-4 max-w-md\">\n        <div class=\"text-center lg:text-right\">\n          <div class=\"text-white text-3xl font-black\"><span data-counter=\"18\">0<\/span>+<\/div>\n          <div class=\"text-white\/50 text-xs mt-1\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/div>\n        <\/div>\n        <div class=\"text-center lg:text-right\">\n          <div class=\"text-white text-3xl font-black\"><span data-counter=\"350\">0<\/span>+<\/div>\n          <div class=\"text-white\/50 text-xs mt-1\">\u0628\u0631\u0646\u062f \u0647\u0645\u06a9\u0627\u0631<\/div>\n        <\/div>\n        <div class=\"text-center lg:text-right\">\n          <div class=\"text-white text-3xl font-black\"><span data-counter=\"1200\">0<\/span>+<\/div>\n          <div class=\"text-white\/50 text-xs mt-1\">\u067e\u0631\u0648\u0698\u0647 \u062a\u062d\u0648\u06cc\u0644\u200c\u0634\u062f\u0647<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- floating hero card -->\n    <div class=\"mm-hero-visual relative hidden lg:block\">\n      <div id=\"heroCard\" class=\"mm-glass rounded-[2rem] p-3 max-w-[440px] mx-auto rotate-2\">\n        <div class=\"rounded-[1.6rem] overflow-hidden aspect-[4\/5]\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585659722983-3a675dabf23d?auto=format&fit=crop&h=900&w=760&q=80\" alt=\"\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\" class=\"w-full h-full object-cover\" loading=\"eager\" \/>\n        <\/div>\n        <div class=\"absolute bottom-8 right-8 left-8 mm-glass rounded-2xl px-5 py-4 !transform-none\">\n          <div class=\"flex items-center gap-3\">\n            <span class=\"w-10 h-10 rounded-xl flex items-center justify-center text-white\" style=\"background:linear-gradient(135deg,#eb008b,#001489);\">\n              <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/><\/svg>\n            <\/span>\n            <div>\n              <div class=\"text-white font-bold text-sm\">\u062c\u0639\u0628\u0647 \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632 \u0645\u0642\u0648\u0627\u06cc\u06cc + \u0633\u0644\u0641\u0648\u0646 \u0645\u0627\u062a<\/div>\n              <div class=\"text-white\/60 text-xs mt-0.5\">\u0686\u0627\u067e \u0627\u0641\u0633\u062a \u06f7 \u0631\u0646\u06af \u2022 \u0637\u0644\u0627\u06a9\u0648\u0628 \u2022 UV \u0645\u0648\u0636\u0639\u06cc<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- floating mini badge -->\n      <div id=\"heroBadge\" class=\"mm-glass absolute -top-6 -right-4 rounded-2xl px-5 py-3 -rotate-3\">\n        <div class=\"text-white text-xs font-bold\">\u0644\u06cc\u0628\u0644 IML<\/div>\n        <div class=\"text-[10px]\" style=\"color:#ff5ec4;\">\u0645\u0642\u0627\u0648\u0645 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0633\u0627\u06cc\u0634 \u0648 \u0636\u0631\u0628\u0647<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"relative py-6 bg-white border-y\" style=\"border-color:rgba(0,20,137,.08);\">\n  <div class=\"overflow-hidden\" dir=\"ltr\">\n    <div class=\"mm-marquee-track gap-0\">\n      <div class=\"flex items-center gap-10 pl-10 whitespace-nowrap\" id=\"marqueeA\"><\/div>\n      <div class=\"flex items-center gap-10 pl-10 whitespace-nowrap\" id=\"marqueeB\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INDUSTRY INTRO (WHITE) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"relative bg-white py-24 lg:py-32 overflow-hidden\">\n  <div class=\"mm-blob w-[380px] h-[380px] -top-20 -right-40 opacity-40\" style=\"background:rgba(235,0,139,.12);\"><\/div>\n  <div class=\"max-w-[1280px] mx-auto px-6 lg:px-10\">\n    <div class=\"max-w-3xl\">\n      <span class=\"mm-reveal mm-chip mm-section-kicker mb-6\">\u0686\u0631\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0631 \u0635\u0646\u0639\u062a \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u062d\u06cc\u0627\u062a\u06cc \u0627\u0633\u062a\u061f<\/span>\n      <h2 class=\"mm-reveal font-black text-3xl sm:text-4xl lg:text-5xl leading-[1.3] mb-8\" style=\"color:#00062c;\">\n        \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u060c <span class=\"mm-grad-text\">\u0645\u06a9\u0645\u0644 \u06a9\u06cc\u0641\u06cc\u062a<\/span> \u0645\u062d\u0635\u0648\u0644 \u0634\u0645\u0627\u0633\u062a\n      <\/h2>\n    <\/div>\n\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-start\">\n      <div class=\"space-y-6 text-[15px] lg:text-base leading-8 font-light\" style=\"color:#33395c;\">\n        <p class=\"mm-reveal\">\n          \u062f\u0631 \u0635\u0646\u0639\u062a \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\u060c \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0641\u0642\u0637 \u06cc\u06a9 \u00ab\u062c\u0639\u0628\u0647\u00bb \u0646\u06cc\u0633\u062a\u061b \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 <b class=\"font-bold\" style=\"color:#001489;\">\u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06a9\u0627\u0646\u06cc\u06a9\u06cc\u060c \u06a9\u0627\u0647\u0634 \u0636\u0627\u06cc\u0639\u0627\u062a \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644\u060c \u0628\u0631\u0646\u062f\u06cc\u0646\u06af \u0648 \u062a\u062c\u0631\u0628\u0647 \u0622\u0646\u0628\u0627\u06a9\u0633\u06cc\u0646\u06af<\/b> \u0627\u0633\u062a. \u0628\u06cc\u0634 \u0627\u0632 \u06f7\u06f0\u066a \u062a\u0635\u0645\u06cc\u0645 \u062e\u0631\u06cc\u062f \u062f\u0631 \u0642\u0641\u0633\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0648 \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u0686\u0646\u062f \u062b\u0627\u0646\u06cc\u0647 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u06cc\u0639\u0646\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0634\u0645\u0627 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0631\u0633\u0627\u0646\u0647 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0628\u0631\u0646\u062f \u0634\u0645\u0627\u0633\u062a.\n        <\/p>\n        <p class=\"mm-reveal\">\n          \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u06cc \u0645\u062b\u0644 \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632\u060c \u06a9\u062a\u0631\u06cc \u0628\u0631\u0642\u06cc\u060c \u062a\u0648\u0633\u062a\u0631\u060c \u0647\u0645\u0632\u0646\u060c \u0622\u0648\u0646 \u062a\u0648\u0633\u062a\u0631\u060c \u062c\u0627\u0631\u0648\u0628\u0631\u0642\u06cc \u0648 \u067e\u0644\u0648\u067e\u0632 \u2014 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0627\u0631\u0646\u062f: \u0636\u0631\u0628\u0647\u200c\u06af\u06cc\u0631\u06cc \u0628\u0631\u0627\u06cc \u0627\u062c\u0632\u0627\u06cc \u0634\u06a9\u0646\u0646\u062f\u0647 (\u0634\u06cc\u0634\u0647\u060c \u0633\u0631\u0627\u0645\u06cc\u06a9\u060c \u0644\u0648\u0644\u0647\u200c\u0647\u0627\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc)\u060c \u067e\u0627\u0631\u062a\u06cc\u0634\u0646\u200c\u0628\u0646\u062f\u06cc \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u062b\u0628\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u0648 \u0644\u0648\u0627\u0632\u0645 \u062c\u0627\u0646\u0628\u06cc\u060c \u0637\u0631\u0627\u062d\u06cc \u0627\u0631\u06af\u0648\u0646\u0648\u0645\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u062d\u0645\u0644\u060c \u0648 \u0627\u0646\u0637\u0628\u0627\u0642 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u06cc \u0648 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc.\n        <\/p>\n        <p class=\"mm-reveal\">\n          \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0627 \u062a\u06a9\u06cc\u0647 \u0628\u0631 \u062e\u0637\u0648\u0637 \u0686\u0627\u067e \u0627\u0641\u0633\u062a \u0686\u0646\u062f\u0631\u0646\u06af\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0627\u06cc\u06a9\u0627\u062a \u062f\u0642\u06cc\u0642\u060c \u0644\u0645\u06cc\u0646\u062a \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u0642\u0637\u0639\u0627\u062a \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc IML\/BML\/TML\/IMD\u060c \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0633\u062a\u0647 \u0627\u0632 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u2014 \u0627\u0632 \u0633\u0627\u0632\u0647 (Structure) \u0648 \u062f\u0627\u06cc\u0644\u0627\u06cc\u0646 \u062a\u0627 \u0686\u0627\u067e\u060c \u067e\u0627\u0631\u062a\u06cc\u0634\u0646\u200c\u0628\u0646\u062f\u06cc \u062f\u0627\u062e\u0644\u06cc \u0648 \u062a\u06a9\u0645\u06cc\u0644 \u0644\u0648\u06a9\u0633.\n        <\/p>\n      <\/div>\n\n      <!-- key points glass cards -->\n      <div class=\"grid grid-cols-2 gap-3 sm:gap-5\">\n        <div class=\"mm-scale-in mm-glass-light mm-feature-card rounded-3xl p-6 border\" style=\"border-color:rgba(235,0,139,.22);\">\n          <h3 class=\"font-bold text-base mb-2\" style=\"color:#00062c;\">\u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06a9\u0627\u0646\u06cc\u06a9\u06cc<\/h3>\n          <p class=\"text-sm leading-7 font-light\" style=\"color:#5a6082;\">\u067e\u0627\u0631\u062a\u06cc\u0634\u0646\u200c\u0628\u0646\u062f\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u0648 \u06a9\u0641\u06cc\u200c\u0647\u0627\u06cc \u0636\u0631\u0628\u0647\u200c\u06af\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u0634\u06a9\u0646\u0646\u062f\u0647 \u0648 \u062d\u0633\u0627\u0633 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u062f\u0631 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644.<\/p>\n        <\/div>\n        <div class=\"mm-scale-in mm-glass-light mm-feature-card rounded-3xl p-6 border\" style=\"border-color:rgba(235,0,139,.22);\">\n          <h3 class=\"font-bold text-base mb-2\" style=\"color:#00062c;\">\u062c\u0630\u0627\u0628\u06cc\u062a \u062f\u0631 \u0642\u0641\u0633\u0647<\/h3>\n          <p class=\"text-sm leading-7 font-light\" style=\"color:#5a6082;\">\u0686\u0627\u067e \u06f7 \u0631\u0646\u06af\u060c UV \u0645\u0648\u0636\u0639\u06cc\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f \u0648 \u0627\u0645\u0628\u0627\u0633 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0642\u06cc\u0642 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0645\u062d\u0635\u0648\u0644.<\/p>\n        <\/div>\n        <div class=\"mm-scale-in mm-glass-light mm-feature-card rounded-3xl p-6 border\" style=\"border-color:rgba(235,0,139,.22);\">\n          <h3 class=\"font-bold text-base mb-2\" style=\"color:#00062c;\">\u062f\u0648\u0627\u0645 \u062f\u0631 \u0627\u0646\u0628\u0627\u0631\u0634 \u0648 \u062d\u0645\u0644<\/h3>\n          <p class=\"text-sm leading-7 font-light\" style=\"color:#5a6082;\">\u0644\u0645\u06cc\u0646\u062a \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u0641\u0644\u0648\u062a \u0645\u0642\u0627\u0648\u0645 \u0628\u0631\u0627\u06cc \u062a\u062d\u0645\u0644 \u0648\u0632\u0646\u060c \u0641\u0634\u0627\u0631 \u0627\u0646\u0628\u0627\u0631\u0634 \u0648 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0633\u0646\u06af\u06cc\u0646.<\/p>\n        <\/div>\n        <div class=\"mm-scale-in mm-glass-light mm-feature-card rounded-3xl p-6 border\" style=\"border-color:rgba(235,0,139,.22);\">\n          <h3 class=\"font-bold text-base mb-2\" style=\"color:#00062c;\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0645\u062d\u06cc\u0637\u200c\u0632\u06cc\u0633\u062a\u06cc<\/h3>\n          <p class=\"text-sm leading-7 font-light\" style=\"color:#5a6082;\">\u0645\u0642\u0648\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0641\u062a\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u062a\u06a9\u200c\u0645\u0627\u062f\u0647 (Mono-Material) \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9 \u0645\u0635\u0631\u0641\u06cc \u0648 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u200c\u0645\u062d\u0648\u0631.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SOLUTIONS (NAVY) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"solutions\" class=\"relative py-24 lg:py-32 overflow-hidden\" style=\"background:#00062c;\">\n  <div class=\"absolute inset-0 mm-dotgrid opacity-30\"><\/div>\n  <div class=\"mm-blob w-[500px] h-[500px] top-20 -left-48\" style=\"background:rgba(0,20,137,.5);\" data-blob><\/div>\n  <div class=\"mm-blob w-[400px] h-[400px] bottom-10 -right-40\" style=\"background:rgba(235,0,139,.22);\" data-blob><\/div>\n\n  <div class=\"relative z-10 max-w-[1280px] mx-auto px-6 lg:px-10\">\n    <div class=\"text-center max-w-3xl mx-auto mb-20\">\n      <span class=\"mm-reveal mm-section-kicker mb-6\">\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0627\u062a\u0631\u06cc\u0633<\/span>\n      <h2 class=\"mm-reveal text-white font-black text-3xl sm:text-4xl lg:text-5xl leading-[1.3]\">\n        \u06a9\u062f\u0627\u0645 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc <span class=\"mm-grad-text-light\">\u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0634\u0645\u0627<\/span> \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u061f\n      <\/h2>\n    <\/div>\n\n    <!-- Solution 1: Folding Carton -->\n    <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center mb-24\">\n      <div class=\"mm-reveal-r\">\n        <div class=\"mm-num mb-5\">\u06f1<\/div>\n        <h3 class=\"text-white font-black text-2xl lg:text-3xl mb-5\">\u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 <span class=\"text-base font-medium text-white\/40\">(Folding Carton)<\/span><\/h3>\n        <p class=\"text-white\/65 leading-8 font-light mb-6\">\n         \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u06a9\u0648\u0686\u06a9\u061b \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0628\u0631\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0633\u0634\u0648\u0627\u0631\u060c \u0627\u062a\u0648\u060c \u0647\u0645\u0632\u0646\u060c \u0622\u0633\u06cc\u0627\u0628\u060c \u06a9\u062a\u0631\u06cc \u0628\u0631\u0642\u06cc\u060c \u062a\u0648\u0633\u062a\u0631\u060c \u0642\u0647\u0648\u0647\u200c\u0633\u0627\u0632 \u0648 \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0646\u06af\u06cc. \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0628\u0627 \u0633\u0637\u062d \u0686\u0627\u067e\u200c\u067e\u0630\u06cc\u0631 \u0628\u0627\u0644\u0627\u060c \u0627\u0645\u06a9\u0627\u0646 \u0646\u0645\u0627\u06cc\u0634 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u060c \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc\u060c \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0647\u0648\u06cc\u062a \u0628\u0635\u0631\u06cc \u0628\u0631\u0646\u062f \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\n        <\/p>\n        <ul class=\"space-y-3\">\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#eb008b;\"><\/span>\u0686\u0627\u067e \u0627\u0641\u0633\u062a \u062a\u0627 \u06f7 \u0631\u0646\u06af + \u067e\u0646\u062a\u0648\u0646 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0646\u062f\u060c \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0642\u06cc\u0642 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0645\u062d\u0635\u0648\u0644<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#eb008b;\"><\/span>\u067e\u0648\u0634\u0634\u200c\u0647\u0627\u06cc \u0633\u0644\u0641\u0648\u0646 \u0645\u0627\u062a\/\u0628\u0631\u0627\u0642\u060c UV \u0645\u0648\u0636\u0639\u06cc\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f \u0648 \u0627\u0645\u0628\u0627\u0633 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u0647 \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#eb008b;\"><\/span>\u0633\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639: \u0642\u0641\u0644\u200c\u062a\u0647\u060c \u062a\u0647\u200c\u0686\u0633\u0628 \u0627\u062a\u0648\u0645\u0627\u062a\u060c \u06a9\u0641\u06cc \u0648 \u067e\u0627\u0631\u062a\u06cc\u0634\u0646 \u062f\u0627\u062e\u0644\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc\u060c \u062f\u0633\u062a\u06af\u06cc\u0631\u0647 \u062d\u0645\u0644<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#eb008b;\"><\/span>\u0627\u0631\u0633\u0627\u0644 \u062a\u062e\u062a \u0648 \u0645\u0648\u0646\u062a\u0627\u0698 \u0633\u0631\u06cc\u0639 \u0631\u0648\u06cc \u062e\u0637 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u061b \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0627\u0646\u0628\u0627\u0631 \u0648 \u062d\u0645\u0644<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mm-reveal-l mm-glass rounded-[2rem] p-3\">\n        <div class=\"mm-card-img rounded-[1.6rem] aspect-[4\/3]\">\n          <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/F135DACB-E3F3-416A-904E-792516460A91.webp\" alt=\"\u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solution 2: Laminated Carton -->\n    <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center mb-24\">\n      <div class=\"mm-reveal-r lg:order-2\">\n        <div class=\"mm-num mb-5\">\u06f2<\/div>\n        <h3 class=\"text-white font-black text-2xl lg:text-3xl mb-5\">\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 <span class=\"text-base font-medium text-white\/40\">(Litho-Laminated)<\/span><\/h3>\n        <p class=\"text-white\/65 leading-8 font-light mb-6\">\n          \u062a\u0631\u06a9\u06cc\u0628 \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u06a9\u0627\u0631\u062a\u0646 \u0641\u0644\u0648\u062a \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u0627\u0641\u0633\u062a \u0631\u0648\u06cc \u0645\u0642\u0648\u0627\u06cc \u0631\u0648\u06cc\u0647\u061b \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0633\u0646\u06af\u06cc\u0646\u200c\u062a\u0631 \u0645\u062b\u0644 \u0645\u0627\u06cc\u06a9\u0631\u0648\u0648\u06cc\u0648\u060c \u062c\u0627\u0631\u0648\u0628\u0631\u0642\u06cc\u060c \u067e\u0644\u0648\u067e\u0632 \u0648 \u0622\u0648\u0646 \u062a\u0648\u0633\u062a\u0631\u060c \u0648 \u0628\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc \u062f\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0632\u0646\u062c\u06cc\u0631\u0647\u200c\u0627\u06cc (SRP).\n        <\/p>\n        <ul class=\"space-y-3\">\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#4d64ff;\"><\/span>\u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u0628\u0627\u0644\u0627 \u0628\u0627 \u0641\u0644\u0648\u062a E \u060cB \u0648 \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u06f3 \u0648 \u06f5 \u0644\u0627\u06cc\u0647\u061b \u0645\u0646\u0627\u0633\u0628 \u067e\u0627\u0644\u062a\u200c\u0628\u0646\u062f\u06cc \u0648 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#4d64ff;\"><\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0631\u0648\u06cc \u0631\u0648\u06cc\u0647 \u0644\u0645\u06cc\u0646\u062a\u06cc \u2014 \u06a9\u0627\u0631\u062a\u0646\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 \u0642\u0641\u0633\u0647 \u0641\u0631\u0648\u0634 \u0627\u0633\u062a<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#4d64ff;\"><\/span>\u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06a9\u0627\u0646\u06cc\u06a9\u06cc \u0639\u0627\u0644\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u0634\u06a9\u0646\u0646\u062f\u0647 (\u062f\u0631\u0628 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0622\u0648\u0646 \u062a\u0648\u0633\u062a\u0631\u060c \u062f\u06cc\u06af \u067e\u0644\u0648\u067e\u0632) \u062f\u0631 \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644<\/li>\n          <li class=\"flex items-start gap-3 text-white\/75 text-sm leading-7\"><span class=\"mt-2 w-1.5 h-1.5 rounded-full flex-none\" style=\"background:#4d64ff;\"><\/span>\u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u0641\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u06cc\u0627 \u0641\u0648\u0645 \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u062b\u0628\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u0648 \u0644\u0648\u0627\u0632\u0645 \u062c\u0627\u0646\u0628\u06cc<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mm-reveal-l lg:order-1 mm-glass rounded-[2rem] p-3\">\n        <div class=\"mm-card-img rounded-[1.6rem] aspect-[4\/3]\">\n          <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/6A951754-A22B-46FB-AD66-7BC39A69737B.webp\" alt=\"\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solution 3: Labels -->\n    <div class=\"mm-labels-layout grid lg:grid-cols-2 gap-10 lg:gap-16 items-center\">\n      <div class=\"mm-reveal-r\">\n        <div class=\"mm-num mb-5\">\u06f3<\/div>\n        <h3 class=\"text-white font-black text-2xl lg:text-3xl mb-5\">\u0642\u0637\u0639\u0627\u062a \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc <span class=\"text-base font-medium text-white\/40\">IML \/ BML \/ TML \/ IMD<\/span><\/h3>\n        <p class=\"text-white\/65 leading-8 font-light mb-8\">\n          \u0628\u0631\u0627\u06cc \u0627\u062c\u0632\u0627\u06cc \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u2014 \u0628\u062f\u0646\u0647\u060c \u067e\u0646\u0644 \u06a9\u0646\u062a\u0631\u0644\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0648 \u0645\u062e\u0632\u0646 \u0622\u0628 \u2014 \u0642\u0637\u0639\u0647 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0647\u0646\u06af\u0627\u0645 \u062a\u0632\u0631\u06cc\u0642 \u06cc\u0627 \u062a\u0631\u0645\u0648\u0641\u0631\u0645\u06cc\u0646\u06af \u0628\u0627 \u0628\u062f\u0646\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u0646\u062a\u06cc\u062c\u0647: \u0686\u0627\u067e\u06cc \u0641\u062a\u0648\u0631\u0626\u0627\u0644 \u0648 \u062f\u0648\u0627\u0645\u06cc \u06a9\u0647 \u0647\u0631\u06af\u0632 \u06a9\u0646\u062f\u0647 \u06cc\u0627 \u06a9\u0645\u200c\u0631\u0646\u06af \u0646\u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0638\u0627\u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u0631\u0627 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0633\u0627\u06cc\u0634 \u0631\u0648\u0632\u0645\u0631\u0647 \u0645\u0642\u0627\u0648\u0645 \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u062f.\n        <\/p>\n        <div class=\"mm-label-cards grid sm:grid-cols-2 gap-4\">\n          <div class=\"mm-glass rounded-2xl p-5\">\n            <div class=\"font-black text-lg mb-1\" style=\"color:#ff5ec4;\">IML<\/div>\n            <p class=\"text-white\/65 text-xs leading-6 font-light\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u0642\u0637\u0639\u0627\u062a \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u062a\u0632\u0631\u06cc\u0642\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\u061b \u0645\u0646\u0627\u0633\u0628 \u067e\u0646\u0644\u060c \u0642\u0627\u0628 \u0648 \u062f\u0631\u067e\u0648\u0634 \u0628\u0627 \u0686\u0627\u067e \u0628\u0627\u062f\u0648\u0627\u0645 \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647.<\/p>\n          <\/div>\n          <div class=\"mm-glass rounded-2xl p-5\">\n            <div class=\"font-black text-lg mb-1\" style=\"color:#8fa2ff;\">BML<\/div>\n            <p class=\"text-white\/65 text-xs leading-6 font-light\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u0642\u0637\u0639\u0627\u062a \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9\u06cc \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647 \u0628\u0627 \u0642\u0627\u0644\u0628\u200c\u06af\u06cc\u0631\u06cc \u0628\u0627\u062f\u06cc\u061b \u0645\u0646\u0627\u0633\u0628 \u0645\u062e\u0627\u0632\u0646 \u0648 \u0642\u0637\u0639\u0627\u062a \u062a\u0648\u062e\u0627\u0644\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0646\u06af\u06cc<\/p>\n          <\/div>\n          <div class=\"mm-glass rounded-2xl p-5\">\n            <div class=\"font-black text-lg mb-1\" style=\"color:#ff5ec4;\">TML<\/div>\n            <p class=\"text-white\/65 text-xs leading-6 font-light\">\u0644\u06cc\u0628\u0644 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u0642\u0637\u0639\u0627\u062a \u062a\u0631\u0645\u0648\u0641\u0631\u0645\u200c\u0634\u062f\u0647\u061b \u0645\u0646\u0627\u0633\u0628 \u0633\u06cc\u0646\u06cc\u200c\u0647\u0627\u060c \u0642\u0637\u0639\u0627\u062a \u062f\u0627\u062e\u0644\u06cc \u0648 \u0633\u0637\u0648\u062d \u0634\u06a9\u0644\u200c\u062f\u0647\u06cc\u200c\u0634\u062f\u0647 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc<\/p>\n          <\/div>\n          <div class=\"mm-glass rounded-2xl p-5\">\n            <div class=\"font-black text-lg mb-1\" style=\"color:#8fa2ff;\">IMD<\/div>\n            <p class=\"text-white\/65 text-xs leading-6 font-light\">\u062f\u06a9\u0648\u0631\u0627\u0633\u06cc\u0648\u0646 \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0628\u0631\u0627\u06cc \u067e\u0646\u0644\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644\u060c \u06a9\u0644\u06cc\u062f\u0647\u0627 \u0648 \u0642\u0627\u0628\u200c\u0647\u0627\u06cc \u062f\u06a9\u0648\u0631\u0627\u062a\u06cc\u0648\u061b \u0645\u0646\u0627\u0633\u0628 \u0646\u0645\u0627\u06cc\u0634 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u060c \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0648 \u062c\u0644\u0648\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0627\u0644\u06cc\u06a9<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mm-reveal-l mm-glass rounded-[2rem] p-3\">\n        <div class=\"mm-card-img rounded-[1.6rem] aspect-[4\/3]\">\n          <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/09\/56E01F2A-FBBA-470D-BE20-77CBE33B561F.webp\" alt=\"\u0642\u0637\u0639\u0627\u062a \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PORTFOLIO (WHITE\u2192NAVY) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"portfolio\" class=\"relative bg-white pt-24 lg:pt-32 pb-0 overflow-hidden\">\n  <div class=\"max-w-[1280px] mx-auto px-6 lg:px-10\">\n    <div class=\"mm-portfolio-header flex flex-col lg:flex-row lg:items-end lg:justify-between gap-2 lg:gap-6 mb-3 lg:mb-16\">\n      <div class=\"max-w-2xl\">\n        <span class=\"mm-reveal mm-section-kicker mb-6\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u0635\u0646\u0639\u062a \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc<\/span>\n        <h2 class=\"mm-reveal font-black text-3xl sm:text-4xl lg:text-5xl leading-[1.3]\" style=\"color:#00062c;\">\n          \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 <span class=\"mm-grad-text\">\u0642\u0641\u0633\u0647\u200c\u0647\u0627 \u0631\u0627 \u0641\u062a\u062d<\/span> \u06a9\u0631\u062f\u0646\u062f\n        <\/h2>\n      <\/div>\n      <p class=\"mm-reveal text-sm leading-7 font-light max-w-sm\" style=\"color:#5a6082;\">\n        \u0645\u0646\u062a\u062e\u0628\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0686\u0627\u067e \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u0627\u062a\u0631\u06cc\u0633 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u2014 \u0627\u0632 \u0627\u06cc\u062f\u0647 \u062a\u0627 \u0642\u0641\u0633\u0647.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"relative\" style=\"background:#ffffff;\">\n\n    <div class=\"relative z-10 max-w-[1280px] mx-auto px-6 lg:px-10 py-5 lg:py-28\">\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\" id=\"portfolioGrid\">\n\n        <!-- card 1 -->\n        <article class=\"mm-scale-in rounded-[1.75rem] group relative overflow-hidden\">\n          <div class=\"mm-card-img rounded-[1.75rem] aspect-square\">\n            <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Maral-Code-30-Cookware-in-a-Sunlit-Kitchen.webp\" alt=\"\u06a9\u0627\u0631\u062a\u0646 \u0645\u0627\u0647\u06cc\u062a\u0627\u0628\u0647 \u0645\u0627\u0631\u0627\u0644\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"mm-glass absolute inset-x-3 bottom-3 rounded-[1.35rem] px-4 pt-4 pb-4\">\n            <div class=\"flex items-start justify-between gap-2 mb-1.5\">\n              <h3 class=\"text-white font-bold text-base\">\u06a9\u0627\u0631\u062a\u0646 \u0645\u0627\u0647\u06cc\u062a\u0627\u0628\u0647 \u0645\u0627\u0631\u0627\u0644<\/h3>\n              <span class=\"flex-none text-[11px] font-bold text-white rounded-full px-3 py-1.5\" style=\"background:rgba(235,0,139,.85);\">\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc<\/span>\n            <\/div>\n            <p class=\"text-white\/55 text-xs leading-6 font-light\">Maral Frying Pan Packaging<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- card 2 -->\n        <article class=\"mm-scale-in rounded-[1.75rem] group relative overflow-hidden\">\n          <div class=\"mm-card-img rounded-[1.75rem] aspect-square\">\n            <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Elegant-Glassware-Tabletop-Display.webp\" alt=\"\u0628\u0634\u0642\u0627\u0628 \u0633\u0648\u067e \u062e\u0648\u0631\u06cc \u0628\u0644\u0648\u0631 \u0648 \u0634\u06cc\u0634\u0647 \u0627\u0635\u0641\u0647\u0627\u0646\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"mm-glass absolute inset-x-3 bottom-3 rounded-[1.35rem] px-4 pt-4 pb-4\">\n            <div class=\"flex items-start justify-between gap-2 mb-1.5\">\n              <h3 class=\"text-white font-bold text-base\">\u0628\u0634\u0642\u0627\u0628 \u0633\u0648\u067e \u062e\u0648\u0631\u06cc \u0628\u0644\u0648\u0631 \u0648 \u0634\u06cc\u0634\u0647 \u0627\u0635\u0641\u0647\u0627\u0646<\/h3>\n              <span class=\"flex-none text-[11px] font-bold text-white rounded-full px-3 py-1.5\" style=\"background:rgba(0,20,137,.85);\">\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc<\/span>\n            <\/div>\n            <p class=\"text-white\/55 text-xs leading-6 font-light\">Isfahan Glass & Crystal Soup Plate<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- card 3 -->\n        <article class=\"mm-scale-in rounded-[1.75rem] group relative overflow-hidden\">\n          <div class=\"mm-card-img rounded-[1.75rem] aspect-square\">\n            <img decoding=\"async\" src=\"https:\/\/matris.ir\/wp-content\/uploads\/2026\/10\/Moody-STARSOO-Espresso-Still-Life.webp\" alt=\"\u062c\u0639\u0628\u0647 \u06a9\u062a\u0631\u06cc \u0628\u0631\u0642\u06cc \u0644\u0648\u06a9\u0633\" class=\"w-full h-full object-cover\" loading=\"lazy\" \/>\n          <\/div>\n          <div class=\"mm-glass absolute inset-x-3 bottom-3 rounded-[1.35rem] px-4 pt-4 pb-4\">\n            <div class=\"flex items-start justify-between gap-2 mb-1.5\">\n              <h3 class=\"text-white font-bold text-base\">\u062f\u0633\u062a\u06af\u0627\u0647 \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632 \u0645\u0633\u0627\u0641\u0631\u062a\u06cc \u0627\u0633\u062a\u0627\u0631\u06a9\u0648<\/h3>\n              <span class=\"flex-none text-[11px] font-bold text-white rounded-full px-3 py-1.5\" style=\"background:rgba(235,0,139,.85);\">\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc<\/span>\n            <\/div>\n            <p class=\"text-white\/55 text-xs leading-6 font-light\">STARCO Portable Espresso Machine<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <!-- CTA under grid -->\n      <div class=\"mm-reveal mt-20\">\n        <div class=\"rounded-[2rem] px-8 py-12 lg:px-16 lg:py-14 text-center relative overflow-hidden bg-white border border-slate-200 shadow-sm\">\n          <h3 class=\"relative z-10 font-black text-2xl lg:text-4xl leading-[1.4] mb-4\" style=\"color:#00062c;\">\n            \u0645\u062d\u0635\u0648\u0644 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0634\u0645\u0627\u060c \u0644\u0627\u06cc\u0642 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc <span class=\"mm-grad-text-light\">\u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc<\/span> \u0627\u0633\u062a\n          <\/h3>\n          <p class=\"relative z-10 font-light text-sm lg:text-base leading-8 max-w-2xl mx-auto mb-8\" style=\"color:#33395c;\">\n            \u0627\u0632 \u0645\u0634\u0627\u0648\u0631\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0637\u0631\u0627\u062d\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9 \u062a\u0627 \u0686\u0627\u067e\u060c \u062a\u06a9\u0645\u06cc\u0644 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u2014 \u062a\u06cc\u0645 \u0645\u0627\u062a\u0631\u06cc\u0633 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627\u0633\u062a. \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u067e\u0631\u0648\u0698\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0628\u0627 \u0645\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.\n          <\/p>\n          <div class=\"mm-cta-actions relative z-10 flex flex-wrap items-center justify-center gap-4\">\n            <a href=\"tel:+983135040\" class=\"inline-flex items-center gap-2 rounded-full px-9 py-4 font-bold text-white text-sm transition-transform duration-500 hover:scale-[1.05]\" style=\"background:linear-gradient(120deg,#eb008b,#001489); box-shadow:0 18px 45px -12px rgba(235,0,139,.55);\">\n              \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- mini footer note -->\n      <p class=\"text-center text-white\/35 text-xs mt-14 font-light\">\n        \u0645\u0627\u062a\u0631\u06cc\u0633 \u2022 \u0637\u0631\u0627\u062d\u06cc\u060c \u0686\u0627\u067e \u0648 \u062a\u0648\u0644\u06cc\u062f \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\u060c \u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0648 \u0642\u0637\u0639\u0627\u062a \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc IML \/ BML \/ TML \/ IMD\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<script>\n(function(){\n  gsap.registerPlugin(ScrollTrigger);\n\n  \/* ---------- marquee content ---------- *\/\n  var words = [\"\u062c\u0639\u0628\u0647 \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648\",\"\u06a9\u0627\u0631\u062a\u0646 \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647\",\"\u0644\u06cc\u0628\u0644 IML\",\"\u0644\u06cc\u0628\u0644 BML\",\"\u0644\u06cc\u0628\u0644 TML\",\"\u062f\u06a9\u0648\u0631\u0627\u0633\u06cc\u0648\u0646 IMD\",\"\u0686\u0627\u067e \u0627\u0641\u0633\u062a \u06f7 \u0631\u0646\u06af\",\"UV\u060c \u0647\u06cc\u0628\u0631\u06cc\u062f\u060c \u0645\u062a\u0627\u0644\u0627\u06cc\u0632\u060c \u0627\u0645\u0628\u0627\u0633 \u0648 \u062f\u0628\u0627\u0633\",\"UV \u0645\u0648\u0636\u0639\u06cc\",\"\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0636\u062f\u0636\u0631\u0628\u0647\"];\n  var html = words.map(function(w,i){\n    return '<span class=\"text-sm font-bold\" style=\"color:' + (i%2 ? '#eb008b' : '#001489') + ';\">' + w + '<\/span><span style=\"color:rgba(0,6,44,.25);\">\u2726<\/span>';\n  }).join('');\n  var endlessHtml = Array(8).fill(html).join('');\n  document.getElementById('marqueeA').innerHTML = endlessHtml;\n  document.getElementById('marqueeB').innerHTML = endlessHtml;\n\n  \/* ---------- hero entrance ---------- *\/\n  var tl = gsap.timeline({ defaults:{ ease:\"power4.out\" }});\n  tl.to(\".mm-headline-line > span\", { y:0, duration:1.4, stagger:0.14, delay:0.15 })\n    .to(\"section:first-of-type .mm-reveal\", { opacity:1, y:0, duration:1.2, stagger:0.15 }, \"-=1.0\");\n\n  if (document.getElementById('heroCard')) {\n    gsap.fromTo(\"#heroCard\", { opacity:0, y:80, rotate:6 }, { opacity:1, y:0, rotate:2, duration:1.6, ease:\"power3.out\", delay:0.5 });\n    gsap.fromTo(\"#heroBadge\", { opacity:0, scale:.6 }, { opacity:1, scale:1, duration:1, ease:\"back.out(1.8)\", delay:1.2 });\n  }\n\n  \/* ---------- blobs slow drift ---------- *\/\n  document.querySelectorAll(\"[data-blob]\").forEach(function(b,i){\n    gsap.to(b, { x: (i%2? -60:60), y: (i%2? 50:-50), duration: 9+i*2, ease:\"sine.inOut\", yoyo:true, repeat:-1 });\n  });\n\n  \/* ---------- counters ---------- *\/\n  document.querySelectorAll(\"[data-counter]\").forEach(function(el){\n    var end = parseInt(el.getAttribute(\"data-counter\"),10);\n    var obj = { v:0 };\n    gsap.to(obj, { v:end, duration:2.2, ease:\"power3.out\", delay:1, onUpdate:function(){\n      el.textContent = Math.round(obj.v).toLocaleString('fa-IR');\n    }});\n  });\n\n  \/* ---------- scroll reveals ---------- *\/\n  gsap.utils.toArray(\".mm-reveal\").forEach(function(el){\n    if (el.closest(\"section\") === document.querySelector(\"#mm-food-page section\")) return; \/\/ hero handled\n    gsap.to(el, { opacity:1, y:0, duration:1.3, ease:\"power3.out\", scrollTrigger:{ trigger:el, start:\"top 88%\", once:true } });\n  });\n  gsap.utils.toArray(\".mm-reveal-l\").forEach(function(el){\n    gsap.to(el, { opacity:1, x:0, duration:1.5, ease:\"power3.out\", scrollTrigger:{ trigger:el, start:\"top 85%\", once:true } });\n  });\n  gsap.utils.toArray(\".mm-reveal-r\").forEach(function(el){\n    gsap.to(el, { opacity:1, x:0, duration:1.5, ease:\"power3.out\", scrollTrigger:{ trigger:el, start:\"top 85%\", once:true } });\n  });\n\n  \/* staggered card grids *\/\n  gsap.utils.toArray(\".mm-scale-in\").forEach(function(el, i){\n    gsap.to(el, { opacity:1, scale:1, y:0, duration:1.2, ease:\"power3.out\", delay:(i % 3) * 0.12, scrollTrigger:{ trigger:el, start:\"top 90%\", once:true } });\n  });\n\n  \/* ---------- subtle parallax on solution images ---------- *\/\n  gsap.utils.toArray(\"#solutions .mm-card-img img\").forEach(function(img){\n    gsap.fromTo(img, { yPercent:-6 }, { yPercent:6, ease:\"none\", scrollTrigger:{ trigger:img, start:\"top bottom\", end:\"bottom top\", scrub:1.2 } });\n  });\n\n  \/* ---------- 3D tilt on portfolio cards (desktop) ---------- *\/\n  if (window.matchMedia(\"(pointer:fine)\").matches) {\n    document.querySelectorAll(\"#portfolioGrid > article\").forEach(function(card){\n      card.addEventListener(\"mousemove\", function(e){\n        var r = card.getBoundingClientRect();\n        var rx = ((e.clientY - r.top) \/ r.height - 0.5) * -6;\n        var ry = ((e.clientX - r.left) \/ r.width - 0.5) * 6;\n        gsap.to(card, { rotateX:rx, rotateY:ry, transformPerspective:900, duration:0.5, ease:\"power2.out\" });\n      });\n      card.addEventListener(\"mouseleave\", function(){\n        gsap.to(card, { rotateX:0, rotateY:0, duration:0.9, ease:\"elastic.out(1,0.5)\" });\n      });\n    });\n  }\n\n  ScrollTrigger.refresh();\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0627\u062a\u0631\u06cc\u0633 | \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc \u0627\u0632 \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0648\u0627\u06cc\u06cc \u062a\u0627\u0634\u0648 \u0628\u0631\u0627\u06cc \u0627\u0633\u067e\u0631\u0633\u0648\u0633\u0627\u0632\u060c \u06a9\u062a\u0631\u06cc \u0628\u0631\u0642\u06cc \u0648 \u0647\u0645\u0632\u0646 \u0622\u0634\u067e\u0632\u062e\u0627\u0646\u0647 \u062a\u0627 \u06a9\u0627\u0631\u062a\u0646\u200c\u0647\u0627\u06cc \u0644\u0645\u06cc\u0646\u062a\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u062d\u0645\u0644 \u0627\u06cc\u0645\u0646 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc \u0633\u0646\u06af\u06cc\u0646\u200c\u062a\u0631 \u0645\u062b\u0644 \u0645\u0627\u06cc\u06a9\u0631\u0648\u0648\u06cc\u0648 \u0648 \u062c\u0627\u0631\u0648\u0628\u0631\u0642\u06cc\u060c \u0648 \u0627\u062c\u0632\u0627\u06cc \u062f\u0631\u0648\u0646\u200c\u0642\u0627\u0644\u0628\u06cc IML \/ BML \/ TML \/ IMD \u0631\u0648\u06cc \u0628\u062f\u0646\u0647\u060c \u067e\u0646\u0644 \u06a9\u0646\u062a\u0631\u0644 \u0648 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u061b \u0645\u0627\u062a\u0631\u06cc\u0633 \u0634\u0631\u06cc\u06a9 [&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-561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/561","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=561"}],"version-history":[{"count":24,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/561\/revisions"}],"predecessor-version":[{"id":1654,"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/pages\/561\/revisions\/1654"}],"wp:attachment":[{"href":"https:\/\/matris.ir\/en\/wp-json\/wp\/v2\/media?parent=561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}