{"id":580,"date":"2025-12-10T06:25:48","date_gmt":"2025-12-10T06:25:48","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=580"},"modified":"2026-01-20T20:34:42","modified_gmt":"2026-01-20T20:34:42","slug":"production","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/production\/","title":{"rendered":"Production"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"580\" class=\"elementor elementor-580\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87e9985 e-con-full e-flex e-con e-parent\" data-id=\"87e9985\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-332705d elementor-widget elementor-widget-html\" data-id=\"332705d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>ZIENO Production Process | Quality Office Furniture Production<\/title>\r\n\r\n<!-- Custom Fonts -->\r\n<style>\r\n@font-face {\r\n  font-family: 'Black Mango';\r\n  src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/black-mango-regular.ttf') format('truetype');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'DIN Next LT Pro';\r\n  src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/din-next-lt-pro-regular.ttf') format('truetype');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n<\/style>\r\n\r\n<!-- Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<!-- Animate.css for animations -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\r\n<!-- AOS (Animate On Scroll) -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n--bg: #f9f9f9;\r\n--text: #2a2a2a;\r\n--muted: #666666;\r\n--card: #ffffff;\r\n--line: rgba(0,0,0,0.06);\r\n--accent: #2a2a2a;\r\n--accent-soft: #f0f0f0;\r\n--dark: #1a1a1a;\r\n--color-primary: #1a1a1a;\r\n--color-secondary: #e8e8e8;\r\n--color-accent: #4a90e2;\r\n--color-white: #ffffff;\r\n}\r\n*,\r\n*::before,\r\n*::after {\r\nbox-sizing: border-box;\r\n}\r\nbody {\r\nmargin: 0;\r\nfont-family: 'DIN Next LT Pro', sans-serif !important;\r\nbackground: #f9f9f9 !important;\r\ncolor: var(--text);\r\nline-height: 1.7;\r\n-webkit-font-smoothing: antialiased;\r\noverflow-x: hidden;\r\n}\r\n\r\n\/* Force background on all elements during pin *\/\r\nbody::before {\r\ncontent: '';\r\nposition: fixed;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground: #f9f9f9;\r\nz-index: -1;\r\npointer-events: none;\r\n}\r\n\r\n\/* Additional background force *\/\r\nhtml {\r\nbackground: #f9f9f9 !important;\r\n}\r\n\r\n\/* GSAP Pin background fix *\/\r\n.gsap-pin-spacer {\r\nbackground: #f9f9f9 !important;\r\n}\r\n\r\n.gsap-pin-spacer > * {\r\nbackground: #f9f9f9 !important;\r\n}\r\n.page-wrapper {\r\nmax-width: 1600px;\r\nmargin: 0 auto;\r\npadding: 0 24px;\r\n}\r\n@media (max-width: 768px) {\r\n.page-wrapper {\r\npadding: 0 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.page-wrapper {\r\npadding: 0 16px;\r\n}\r\n}\r\n.section {\r\npadding: 90px 0;\r\n}\r\n@media (max-width: 768px) {\r\n.section {\r\npadding: 64px 0;\r\n}\r\n}\r\n.section-header {\r\ntext-align: center;\r\nmax-width: 760px;\r\nmargin: 0 auto 64px;\r\n}\r\n.section-label {\r\ndisplay: inline-block;\r\nbackground: var(--accent-soft);\r\ncolor: var(--muted);\r\npadding: 8px 18px;\r\nborder-radius: 999px;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.12em;\r\nfont-size: 12px;\r\nfont-weight: 500;\r\nmargin-bottom: 16px;\r\n}\r\n.section h2 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: clamp(32px, 5vw, 54px);\r\nletter-spacing: -0.02em;\r\nmargin: 0 0 16px;\r\nfont-weight: 400;\r\n}\r\n.section p.lead {\r\nfont-size: clamp(15px, 2vw, 18px);\r\ncolor: var(--muted);\r\nmargin: 0;\r\n}\r\n.section.section-dark {\r\nbackground: #f9f9f9 !important;\r\ncolor: #2a2a2a;\r\n}\r\n\r\n\/* Force background on section-dark *\/\r\n.section.section-dark::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground: #f9f9f9;\r\nz-index: -1;\r\npointer-events: none;\r\n}\r\n.section.section-dark .section-label {\r\nbackground: rgba(0,0,0,0.06);\r\ncolor: #666;\r\n}\r\n.section.section-dark h2 {\r\ncolor: #2a2a2a;\r\n}\r\n.section.section-dark p.lead {\r\ncolor: #666;\r\n}\r\n.section.section-dark .materials {\r\ngap: 16px;\r\n}\r\n.section.section-dark .material-card {\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\ncolor: #2a2a2a;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n}\r\n.section.section-dark .material-title {\r\ncolor: #2a2a2a;\r\n}\r\n.section.section-dark .material-chip {\r\nbackground: rgba(0,0,0,0.06);\r\ncolor: #555;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\n}\r\n.section.section-dark .material-card p {\r\ncolor: #666;\r\n}\r\n.rich-text {\r\nmax-width: 940px;\r\nmargin: 0 auto 24px;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\n}\r\n.rich-text strong {\r\ncolor: var(--text);\r\n}\r\n.rich-text--dark {\r\ncolor: #666;\r\n}\r\n.rich-text--dark strong {\r\ncolor: #2a2a2a;\r\n}\r\n\r\n\/* PRODUCTION PRINCIPLES *\/\r\n.production-principles {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\ngap: 24px;\r\nmargin-top: 48px;\r\n}\r\n@media (max-width: 768px) {\r\n.production-principles {\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ngap: 16px;\r\nmargin-top: 40px;\r\n}\r\n.production-principles .principle-card {\r\nwidth: 100%;\r\nmax-width: 100%;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.production-principles {\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ngap: 12px;\r\nmargin-top: 32px;\r\n}\r\n.production-principles .principle-card {\r\nwidth: 100%;\r\nmax-width: 100%;\r\n}\r\n}\r\n\r\n.principle-card {\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\nborder-radius: 16px;\r\npadding: 32px;\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n@media (max-width: 768px) {\r\n.principle-card {\r\npadding: 24px;\r\nborder-radius: 14px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-card {\r\npadding: 20px;\r\nborder-radius: 12px;\r\n}\r\n}\r\n\r\n.principle-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 0;\r\nheight: 3px;\r\nbackground: var(--color-accent);\r\ntransition: width 0.4s ease;\r\n}\r\n\r\n.principle-card:hover::before {\r\nwidth: 100%;\r\n}\r\n\r\n.principle-card:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 8px 32px rgba(0,0,0,0.12);\r\n}\r\n\r\n.principle-icon {\r\nwidth: 64px;\r\nheight: 64px;\r\nborder-radius: 16px;\r\nbackground: #2a2a2a;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nmargin-bottom: 20px;\r\ncolor: white;\r\nfont-size: 24px;\r\nbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\r\n}\r\n@media (max-width: 768px) {\r\n.principle-icon {\r\nwidth: 56px;\r\nheight: 56px;\r\nborder-radius: 14px;\r\nfont-size: 22px;\r\nmargin-bottom: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-icon {\r\nwidth: 48px;\r\nheight: 48px;\r\nborder-radius: 12px;\r\nfont-size: 20px;\r\nmargin-bottom: 14px;\r\n}\r\n}\r\n\r\n.principle-card h3 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 24px;\r\ncolor: #2a2a2a;\r\nmargin: 0 0 16px;\r\nfont-weight: 500;\r\n}\r\n@media (max-width: 768px) {\r\n.principle-card h3 {\r\nfont-size: 20px;\r\nmargin: 0 0 12px;\r\nline-height: 1.3;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-card h3 {\r\nfont-size: 18px;\r\nmargin: 0 0 10px;\r\nline-height: 1.3;\r\n}\r\n}\r\n\r\n.principle-card p {\r\ncolor: #666;\r\nline-height: 1.7;\r\nmargin: 0 0 20px;\r\nfont-size: 15px;\r\n}\r\n@media (max-width: 768px) {\r\n.principle-card p {\r\nfont-size: 14px;\r\nline-height: 1.6;\r\nmargin: 0 0 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-card p {\r\nfont-size: 13px;\r\nline-height: 1.5;\r\nmargin: 0 0 14px;\r\n}\r\n}\r\n\r\n.principle-stats {\r\ndisplay: flex;\r\ngap: 16px;\r\nflex-wrap: wrap;\r\n}\r\n@media (max-width: 768px) {\r\n.principle-stats {\r\ndisplay: none;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-stats {\r\ndisplay: none;\r\n}\r\n}\r\n\r\n.principle-stats .stat {\r\nbackground: rgba(74, 144, 226, 0.1);\r\ncolor: var(--color-accent);\r\npadding: 6px 12px;\r\nborder-radius: 20px;\r\nfont-size: 12px;\r\nfont-weight: 600;\r\nletter-spacing: 0.05em;\r\n}\r\n@media (max-width: 768px) {\r\n.principle-stats .stat {\r\npadding: 5px 10px;\r\nfont-size: 11px;\r\nborder-radius: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.principle-stats .stat {\r\npadding: 4px 8px;\r\nfont-size: 10px;\r\nborder-radius: 14px;\r\n}\r\n}\r\n\r\n\/* PRODUCTION PHILOSOPHY *\/\r\n.production-philosophy {\r\nmargin-top: 64px;\r\nbackground: rgba(255, 255, 255, 0.6);\r\nborder-radius: 20px;\r\npadding: 48px;\r\nborder: 1px solid rgba(0,0,0,0.06);\r\n}\r\n\r\n.philosophy-content {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1.2fr;\r\ngap: 48px;\r\nalign-items: start;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n.philosophy-content {\r\ngrid-template-columns: 1fr;\r\ngap: 32px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.production-philosophy {\r\npadding: 28px 20px;\r\nmargin-top: 48px;\r\nborder-radius: 16px;\r\n}\r\n.philosophy-content {\r\ngap: 24px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.production-philosophy {\r\npadding: 24px 16px;\r\nmargin-top: 40px;\r\nborder-radius: 14px;\r\n}\r\n.philosophy-content {\r\ngap: 20px;\r\n}\r\n}\r\n\r\n.philosophy-quote blockquote {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 28px;\r\nline-height: 1.4;\r\ncolor: #2a2a2a;\r\nmargin: 0 0 24px;\r\nfont-style: italic;\r\nposition: relative;\r\npadding-left: 24px;\r\n}\r\n\r\n.philosophy-quote blockquote::before {\r\ncontent: '\"';\r\nposition: absolute;\r\nleft: 0;\r\ntop: -8px;\r\nfont-size: 48px;\r\ncolor: var(--color-accent);\r\nline-height: 1;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.philosophy-quote blockquote {\r\nfont-size: 20px;\r\nline-height: 1.5;\r\npadding-left: 18px;\r\nmargin-bottom: 16px;\r\n}\r\n.philosophy-quote blockquote::before {\r\nfont-size: 36px;\r\ntop: -5px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.philosophy-quote blockquote {\r\nfont-size: 18px;\r\nline-height: 1.4;\r\npadding-left: 16px;\r\nmargin-bottom: 14px;\r\n}\r\n.philosophy-quote blockquote::before {\r\nfont-size: 32px;\r\ntop: -4px;\r\n}\r\n}\r\n\r\n.philosophy-quote cite {\r\ncolor: #666;\r\nfont-size: 14px;\r\nfont-style: normal;\r\nfont-weight: 500;\r\nletter-spacing: 0.05em;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.philosophy-quote cite {\r\nfont-size: 13px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.philosophy-quote cite {\r\nfont-size: 12px;\r\n}\r\n}\r\n\r\n.philosophy-pillars {\r\ndisplay: grid;\r\ngap: 24px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.philosophy-pillars {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 16px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.philosophy-pillars {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 12px;\r\n}\r\n}\r\n\r\n.pillar {\r\ndisplay: flex;\r\ngap: 16px;\r\nalign-items: flex-start;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.pillar {\r\nflex-direction: column;\r\ngap: 10px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.pillar {\r\nflex-direction: column;\r\ngap: 8px;\r\n}\r\n}\r\n\r\n.pillar-number {\r\nwidth: 32px;\r\nheight: 32px;\r\nborder-radius: 8px;\r\nbackground: var(--color-accent);\r\ncolor: white;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nflex-shrink: 0;\r\nmargin-top: 4px;\r\n}\r\n\r\n.pillar h4 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 18px;\r\ncolor: #2a2a2a;\r\nmargin: 0 0 8px;\r\nfont-weight: 500;\r\n}\r\n\r\n.pillar p {\r\ncolor: #666;\r\nfont-size: 14px;\r\nmargin: 0;\r\nline-height: 1.6;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.pillar-number {\r\nwidth: 32px;\r\nheight: 32px;\r\nfont-size: 14px;\r\nborder-radius: 8px;\r\nmargin-top: 0;\r\n}\r\n.pillar h4 {\r\nfont-size: 16px;\r\nmargin-bottom: 6px;\r\n}\r\n.pillar p {\r\nfont-size: 13px;\r\nline-height: 1.5;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.pillar-number {\r\nwidth: 28px;\r\nheight: 28px;\r\nfont-size: 13px;\r\nborder-radius: 7px;\r\nmargin-top: 0;\r\n}\r\n.pillar h4 {\r\nfont-size: 15px;\r\nmargin-bottom: 5px;\r\n}\r\n.pillar p {\r\nfont-size: 12px;\r\nline-height: 1.4;\r\n}\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: #f8f8f6;\r\ncolor: var(--text);\r\nmin-height: 100vh;\r\nheight: auto;\r\nwidth: 100%;\r\nmargin-top: 0;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\npadding: 60px 0;\r\n}\r\n@media (max-width: 768px) {\r\n.hero {\r\npadding: 20px 0 60px;\r\n}\r\n}\r\n\r\n.hero::before,\r\n.hero::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\n}\r\n.hero::before {\r\nbackground: #f8f8f6;\r\nopacity: 0.55;\r\nz-index: 1;\r\n}\r\n.hero::after {\r\nbackground: rgba(255,255,255,0.4);\r\nz-index: 2;\r\n}\r\n.hero-video {\r\nposition: absolute;\r\ninset: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nz-index: 0;\r\nfilter: saturate(1) brightness(0.95) blur(8px);\r\ntransform: scale(1.0);\r\ntransform-origin: center center;\r\n}\r\n.hero .page-wrapper {\r\nwidth: 100%;\r\nmax-width: none;\r\nheight: 100%;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\npadding: 0;\r\n}\r\n@media (max-width: 768px) {\r\n.hero .page-wrapper {\r\npadding: 0;\r\n}\r\n}\r\n.hero-content {\r\nposition: relative;\r\nz-index: 3;\r\npadding: 0;\r\ntext-align: center;\r\nwidth: 100%;\r\nheight: 100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\njustify-content: center;\r\n}\r\n@media (max-width: 768px) {\r\n.hero-content {\r\npadding: 0;\r\nwidth: 100%;\r\n}\r\n}\r\n.hero-badge {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\npadding: 12px 22px;\r\nborder-radius: 999px;\r\nbackground: rgba(0,0,0,0.05);\r\nborder: 1px solid rgba(0,0,0,0.08);\r\nletter-spacing: 0.12em;\r\ntext-transform: uppercase;\r\nfont-size: 12px;\r\nfont-weight: 500;\r\ncolor: var(--text);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-badge {\r\nfont-size: 11px;\r\npadding: 10px 18px;\r\ngap: 8px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.hero-badge {\r\nfont-size: 10px;\r\npadding: 8px 14px;\r\ngap: 6px;\r\n}\r\n}\r\n.hero h1 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: clamp(32px, 7vw, 76px);\r\nmargin: 24px 0 18px;\r\nletter-spacing: -0.03em;\r\nfont-weight: 400;\r\ncolor: #2a2a2a;\r\npadding: 0 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero h1 {\r\nfont-size: clamp(32px, 8vw, 48px);\r\nmargin: 20px 0 16px;\r\npadding: 0 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.hero h1 {\r\nfont-size: clamp(28px, 9vw, 36px);\r\nmargin: 16px 0 12px;\r\npadding: 0 16px;\r\n}\r\n}\r\n\r\n.hero p {\r\nmargin: 0 auto 32px;\r\nmax-width: 740px;\r\nfont-size: clamp(14px, 1.5vw, 16px);\r\ncolor: #666666;\r\ntext-align: center;\r\npadding: 0 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero p {\r\nfont-size: 15px;\r\nline-height: 1.7;\r\nmargin: 0 auto 28px;\r\npadding: 0 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.hero p {\r\nfont-size: 14px;\r\nline-height: 1.6;\r\nmargin: 0 auto 24px;\r\npadding: 0 16px;\r\n}\r\n}\r\n.hero-actions {\r\ndisplay: flex;\r\njustify-content: center;\r\ngap: 16px;\r\nflex-wrap: wrap;\r\npadding: 0 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-actions {\r\nflex-direction: column;\r\nalign-items: center;\r\ngap: 12px;\r\npadding: 0 20px;\r\n}\r\n\r\n.hero-actions .btn {\r\nwidth: 100%;\r\nmax-width: 300px;\r\njustify-content: center;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.hero-actions {\r\npadding: 0 16px;\r\n}\r\n}\r\n.btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\npadding: 15px 26px;\r\nborder-radius: 12px;\r\ntext-decoration: none;\r\nfont-weight: 500;\r\ntransition: all 0.3s ease;\r\nfont-size: 14px;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.btn::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 50%;\r\nleft: 50%;\r\nwidth: 0;\r\nheight: 0;\r\nbackground: rgba(255,255,255,0.1);\r\nborder-radius: 50%;\r\ntransition: width 0.6s, height 0.6s;\r\ntransform: translate(-50%, -50%);\r\n}\r\n.btn:hover::before {\r\nwidth: 300px;\r\nheight: 300px;\r\n}\r\n.btn.primary {\r\nbackground: var(--text);\r\ncolor: #fff;\r\nbox-shadow: 0 12px 30px rgba(0,0,0,0.15);\r\n}\r\n.btn.primary:hover {\r\ntransform: translateY(-3px);\r\nbox-shadow: 0 16px 40px rgba(0,0,0,0.2);\r\n}\r\n.btn.ghost {\r\nborder: 1px solid rgba(0,0,0,0.2);\r\ncolor: var(--text);\r\nbackground: rgba(255,255,255,0.6);\r\nbackdrop-filter: blur(10px);\r\n}\r\n.btn.ghost:hover {\r\nborder-color: rgba(0,0,0,0.4);\r\ntransform: translateY(-3px);\r\nbackground: rgba(255,255,255,0.8);\r\n}\r\n\/* HERO STATS *\/\r\n.hero-stats {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 18px;\r\nmargin-top: 48px;\r\npadding: 0 20px;\r\nmax-width: 1200px;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n.hero-stats {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 12px;\r\nmargin-top: 32px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-stats {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 12px;\r\nmargin-top: 28px;\r\npadding: 0 20px;\r\nwidth: 100%;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.hero-stats {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 10px;\r\nmargin-top: 24px;\r\npadding: 0 16px;\r\nwidth: 100%;\r\n}\r\n}\r\n.stat-card {\r\nbackground: #fff;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\npadding: 20px;\r\ntext-align: left;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\ntransition: all 0.3s ease;\r\n}\r\n@media (max-width: 768px) {\r\n.stat-card {\r\npadding: 18px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.stat-card {\r\npadding: 16px;\r\n}\r\n}\r\n.stat-card:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n.stat-label {\r\nfont-size: 12px;\r\nletter-spacing: 0.14em;\r\ntext-transform: uppercase;\r\ncolor: var(--muted);\r\nmargin-bottom: 10px;\r\ndisplay: block;\r\n}\r\n.stat-number {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 34px;\r\ncolor: var(--text);\r\nmargin: 0 0 6px;\r\nfont-weight: 400;\r\nline-height: 1.1;\r\ndisplay: block;\r\n}\r\n@media (max-width: 768px) {\r\n.stat-number {\r\nfont-size: 30px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.stat-number {\r\nfont-size: 28px;\r\n}\r\n}\r\n.stat-desc {\r\nmargin: 0;\r\ncolor: var(--muted);\r\nfont-size: 13px;\r\nline-height: 1.2;\r\ndisplay: block;\r\n}\r\n\/* PROCESS *\/\r\n.process-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 20px;\r\n}\r\n@media (max-width: 980px) {\r\n.process-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n}\r\n@media (max-width: 768px) {\r\n.process-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.process-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 12px;\r\n}\r\n}\r\n.process-card {\r\nposition: relative;\r\nbackground: var(--card);\r\nborder-radius: 12px;\r\npadding: 24px;\r\nborder: 1px solid var(--line);\r\nbox-shadow: 0 2px 12px rgba(0,0,0,0.04);\r\noverflow: hidden;\r\nwidth: auto;\r\nheight: auto;\r\ndisplay: block;\r\ntransition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n@media (max-width: 768px) {\r\n.process-card {\r\npadding: 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.process-card {\r\npadding: 18px;\r\n}\r\n.process-card h3 {\r\nfont-size: 20px;\r\n}\r\n.process-card p {\r\nfont-size: 13px;\r\n}\r\n}\r\n.process-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 2px;\r\nbackground: var(--color-accent);\r\ntransform: translateX(-100%);\r\ntransition: transform 0.6s ease;\r\n}\r\n.process-card:hover::before {\r\ntransform: translateX(0);\r\n}\r\n.process-card::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground: rgba(0,0,0,0.02);\r\nopacity: 0;\r\ntransition: opacity 0.3s ease;\r\n}\r\n.process-card:hover::after {\r\nopacity: 1;\r\n}\r\n.process-card:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n}\r\n.process-step {\r\nwidth: 42px;\r\nheight: 42px;\r\nborder-radius: 8px;\r\nbackground: var(--color-accent);\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-weight: 500;\r\nmargin-bottom: 14px;\r\ncolor: white;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n}\r\n.process-card h3 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 24px;\r\nmargin: 0 0 10px;\r\nletter-spacing: -0.01em;\r\n}\r\n.process-card p {\r\nmargin: 0 0 12px;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.6;\r\n}\r\n.feature-list {\r\nlist-style: none;\r\npadding: 0;\r\nmargin: 14px 0 0;\r\ndisplay: grid;\r\ngap: 8px;\r\n}\r\n.feature-list li {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\ngap: 10px;\r\ncolor: var(--muted);\r\nfont-size: 13px;\r\nline-height: 1.6;\r\ntransition: color 0.2s ease;\r\n}\r\n.feature-list li:hover {\r\ncolor: var(--text);\r\n}\r\n.feature-list i {\r\ncolor: #0f9d58;\r\nmargin-top: 2px;\r\nflex-shrink: 0;\r\n}\r\n.process-meta {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nfont-size: 13px;\r\ncolor: #2d2d2d;\r\nfont-weight: 500;\r\n}\r\n\/* CERTIFICATIONS MARQUEE *\/\r\n.cert-section-wrapper {\r\n    background: #0a0a0a;\r\n    padding: 80px 0 60px;\r\n    overflow: hidden;\r\n}\r\n\r\n.cert-section-wrapper .section-header {\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.cert-section-wrapper .section-header h2,\r\n.cert-section-wrapper .section-header .lead {\r\n    color: #fff;\r\n}\r\n\r\n.cert-section-wrapper .section-label {\r\n    background: rgba(255,255,255,0.1);\r\n    color: rgba(255,255,255,0.7);\r\n}\r\n\r\n.cert-marquee-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 20px 0;\r\n}\r\n\r\n.cert-marquee-container::before,\r\n.cert-marquee-container::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 150px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.cert-marquee-container::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, #0a0a0a 0%, rgba(10,10,10,0) 100%);\r\n}\r\n\r\n.cert-marquee-container::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, #0a0a0a 0%, rgba(10,10,10,0) 100%);\r\n}\r\n\r\n.cert-marquee-track {\r\n    display: flex !important;\r\n    gap: 30px;\r\n    animation: cert-scroll 40s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n@keyframes cert-scroll {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n.cert-marquee-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n.cert-marquee-item {\r\n    flex-shrink: 0;\r\n    width: 200px;\r\n    background: rgba(255,255,255,0.05);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    cursor: pointer;\r\n}\r\n\r\n.cert-marquee-item:hover {\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.5);\r\n    background: rgba(255,255,255,0.08);\r\n    border-color: rgba(255,255,255,0.2);\r\n}\r\n\r\n.cert-marquee-thumb {\r\n    width: 100%;\r\n    aspect-ratio: 3\/4;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    background: rgba(255,255,255,0.03);\r\n    margin-bottom: 12px;\r\n    display: block !important;\r\n}\r\n\r\n.cert-marquee-thumb img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    padding: 8px;\r\n    transition: transform 0.3s ease;\r\n    display: block !important;\r\n}\r\n\r\n.cert-marquee-item:hover .cert-marquee-thumb img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.cert-marquee-title {\r\n    font-family: 'Black Mango', serif !important;\r\n    font-size: 20px;\r\n    color: #fff;\r\n    margin: 0 0 4px;\r\n    letter-spacing: -0.01em;\r\n    display: block !important;\r\n}\r\n\r\n.cert-marquee-subtitle {\r\n    font-size: 10px;\r\n    color: rgba(255,255,255,0.6);\r\n    font-weight: 600;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    display: block !important;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.cert-view-btn {\r\n    width: 100%;\r\n    padding: 10px 16px;\r\n    background: rgba(255,255,255,0.1);\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    border-radius: 8px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-family: 'DIN Next LT Pro', sans-serif;\r\n}\r\n\r\n.cert-view-btn:hover {\r\n    background: rgba(255,255,255,0.2);\r\n    border-color: rgba(255,255,255,0.4);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cert-view-btn i {\r\n    font-size: 14px;\r\n}\r\n\r\n\/* Cert Logos on Dark Background *\/\r\n.cert-section-wrapper .cert-logos {\r\n    margin-top: 60px;\r\n    padding-top: 40px;\r\n    border-top: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.cert-section-wrapper .cert-logo {\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.cert-section-wrapper .cert-logo:hover {\r\n    background: rgba(255,255,255,0.08);\r\n}\r\n\r\n\/* OLD CERT STYLES - KEEP FOR MODAL *\/\r\n.cert-card {\r\n    display: none !important;\r\n}\r\n.cert-card {\r\nbackground: #fff;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\npadding: 20px;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\ntransition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.cert-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -50%;\r\nleft: -50%;\r\nwidth: 200%;\r\nheight: 200%;\r\nbackground: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\r\ntransform: rotate(45deg);\r\ntransition: transform 0.6s;\r\n}\r\n.cert-card:hover::before {\r\ntransform: rotate(45deg) translateX(100%);\r\n}\r\n.cert-card:hover {\r\ntransform: translateY(-3px);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\n}\r\n.cert-thumb {\r\nborder-radius: 8px;\r\noverflow: hidden;\r\nbackground: #f8f8f8;\r\nborder: 1px solid rgba(0,0,0,0.04);\r\naspect-ratio: 3 \/ 4;\r\npadding: 12px;\r\n}\r\n.cert-thumb img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: contain;\r\ndisplay: block;\r\ntransition: transform 0.3s ease;\r\n}\r\n.cert-card:hover .cert-thumb img {\r\ntransform: scale(1.05);\r\n}\r\n.cert-title {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nmargin-top: 14px;\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 26px;\r\nletter-spacing: -0.02em;\r\ncolor: var(--text);\r\n}\r\n.cert-title i {\r\ncolor: #0f5bd4;\r\nfont-size: 16px;\r\n}\r\n.cert-subtitle {\r\nmargin: 6px 0 14px;\r\ntext-align: center;\r\ncolor: var(--muted);\r\nfont-size: 11px;\r\nfont-weight: 600;\r\nletter-spacing: 0.02em;\r\n}\r\n.cert-btn {\r\n    width: 100%;\r\n    border: 2px solid #000000;\r\n    border-radius: 50px;\r\n    padding: 10px 20px;\r\n    background: #000000;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    z-index: 0;\r\n    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(0, 0, 0, 0.3), inset 0 2px 8px rgba(255, 255, 255, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.5);\r\n}\r\n.cert-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 40%;\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\r\n    border-radius: 50px 50px 0 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n.cert-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n    transition: left 0.5s ease;\r\n    z-index: 2;\r\n}\r\n.cert-btn:hover {\r\n    background: #1a1a1a;\r\n    transform: translateY(-2px);\r\n    box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.7), inset 0 0 20px rgba(0, 0, 0, 0.5), inset 0 3px 10px rgba(255, 255, 255, 0.5), inset 0 1px 4px rgba(255, 255, 255, 0.6);\r\n    border-color: #000000;\r\n}\r\n.cert-btn:hover::before {\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);\r\n}\r\n.cert-btn:hover::after {\r\n    left: 100%;\r\n}\r\n.cert-logos {\r\nmargin-top: 34px;\r\npadding-top: 26px;\r\nborder-top: 1px solid rgba(0,0,0,0.08);\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 18px;\r\nalign-items: center;\r\n}\r\n@media (max-width: 900px) {\r\n.cert-logos {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n}\r\n@media (max-width: 520px) {\r\n.cert-logos {\r\ngrid-template-columns: 1fr;\r\n}\r\n}\r\n.cert-logo {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nbackground: #fff;\r\nborder: 1px solid rgba(0,0,0,0.04);\r\nborder-radius: 8px;\r\npadding: 16px;\r\ntransition: all 0.3s ease;\r\n}\r\n.cert-logo:hover {\r\ntransform: translateY(-1px);\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.06);\r\n}\r\n.cert-logo img {\r\nmax-width: 100%;\r\nmax-height: 56px;\r\nwidth: auto;\r\nheight: auto;\r\nobject-fit: contain;\r\ntransition: transform 0.3s ease;\r\nfilter: grayscale(20%);\r\n}\r\n.cert-logo:hover img {\r\ntransform: scale(1.05);\r\nfilter: grayscale(0%);\r\n}\r\n\/* CERT MODAL *\/\r\nbody.modal-open {\r\noverflow: hidden;\r\n}\r\n.cert-modal {\r\nposition: fixed;\r\ninset: 0;\r\nbackground: rgba(0,0,0,0.7);\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\npadding: 20px;\r\nopacity: 0;\r\nvisibility: hidden;\r\ntransition: opacity 0.2s ease, visibility 0.2s ease;\r\nz-index: 99999;\r\noverflow: auto;\r\nbackdrop-filter: blur(10px);\r\n}\r\n.cert-modal.is-open {\r\nopacity: 1;\r\nvisibility: visible;\r\n}\r\n.cert-modal__dialog {\r\nwidth: min(1000px, 90%);\r\nbackground: #fff;\r\nborder-radius: 16px;\r\noverflow: hidden;\r\nbox-shadow: 0 24px 70px rgba(0,0,0,0.4);\r\ndisplay: grid;\r\ngrid-template-columns: 40fr 60fr;\r\nmax-height: 85vh;\r\n}\r\n@media (max-width: 900px) {\r\n.cert-modal__dialog {\r\ngrid-template-columns: 1fr;\r\nmax-height: 80vh;\r\nwidth: 92%;\r\n}\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__dialog {\r\nwidth: 95%;\r\nmax-height: 90vh;\r\nborder-radius: 12px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.cert-modal__dialog {\r\nwidth: 96%;\r\nmax-height: 92vh;\r\nborder-radius: 10px;\r\n}\r\n}\r\n.cert-modal__media {\r\nbackground: #f8f8f8;\r\nborder-right: 1px solid rgba(0,0,0,0.08);\r\nmin-height: 400px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\npadding: 24px;\r\nposition: relative;\r\n}\r\n@media (max-width: 900px) {\r\n.cert-modal__media {\r\nborder-right: none;\r\nborder-bottom: 1px solid rgba(0,0,0,0.08);\r\nmin-height: 280px;\r\npadding: 20px;\r\n}\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__media {\r\nmin-height: 240px;\r\npadding: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.cert-modal__media {\r\nmin-height: 200px;\r\npadding: 12px;\r\n}\r\n}\r\n.cert-modal__media img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: contain;\r\ndisplay: block;\r\nborder-radius: 12px;\r\nbox-shadow: 0 8px 32px rgba(0,0,0,0.15);\r\n}\r\n.cert-modal__content {\r\npadding: 32px;\r\nposition: relative;\r\noverflow-y: auto;\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n@media (max-width: 900px) {\r\n.cert-modal__content {\r\npadding: 24px 20px;\r\n}\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__content {\r\npadding: 20px 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.cert-modal__content {\r\npadding: 18px 14px;\r\n}\r\n}\r\n.cert-modal__close {\r\nposition: absolute;\r\ntop: 20px;\r\nright: 20px;\r\nwidth: 40px;\r\nheight: 40px;\r\nborder-radius: 50%;\r\nborder: none;\r\nbackground: rgba(0,0,0,0.08);\r\ncursor: pointer;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ntransition: all 0.2s ease;\r\nz-index: 10;\r\ncolor: #2a2a2a;\r\nfont-size: 18px;\r\n}\r\n.cert-modal__close:hover {\r\nbackground: rgba(0,0,0,0.15);\r\ntransform: scale(1.1);\r\n}\r\n.cert-modal__title {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 36px;\r\nfont-weight: 400;\r\nletter-spacing: -0.02em;\r\nmargin: 0 0 10px;\r\ncolor: var(--text);\r\nline-height: 1.1;\r\n}\r\n@media (max-width: 900px) {\r\n.cert-modal__title {\r\nfont-size: 28px;\r\n}\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__title {\r\nfont-size: 24px;\r\nmargin: 0 0 8px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.cert-modal__title {\r\nfont-size: 22px;\r\nmargin: 0 0 6px;\r\n}\r\n}\r\n.cert-modal__subtitle {\r\nmargin: 0 0 20px;\r\ncolor: var(--color-accent);\r\nfont-weight: 600;\r\nletter-spacing: 0.08em;\r\ntext-transform: uppercase;\r\nfont-size: 12px;\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__subtitle {\r\nfont-size: 11px;\r\nmargin: 0 0 16px;\r\n}\r\n}\r\n.cert-modal__desc {\r\nmargin: 0 0 24px;\r\ncolor: var(--muted);\r\nfont-size: 15px;\r\nline-height: 1.7;\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__desc {\r\nfont-size: 14px;\r\nmargin: 0 0 20px;\r\n}\r\n}\r\n.cert-modal__points {\r\nlist-style: none;\r\npadding: 0;\r\nmargin: 0;\r\ndisplay: grid;\r\ngap: 12px;\r\n}\r\n.cert-modal__points li {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\ngap: 12px;\r\ncolor: #2d2d2d;\r\nfont-weight: 400;\r\nfont-size: 14px;\r\nline-height: 1.6;\r\npadding: 14px;\r\nbackground: rgba(74, 144, 226, 0.04);\r\nborder-radius: 10px;\r\nborder-left: 3px solid var(--color-accent);\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__points li {\r\nfont-size: 13px;\r\npadding: 12px;\r\ngap: 10px;\r\n}\r\n}\r\n.cert-modal__points i {\r\ncolor: var(--color-accent);\r\nmargin-top: 3px;\r\nflex-shrink: 0;\r\nfont-size: 14px;\r\n}\r\n@media (max-width: 640px) {\r\n.cert-modal__points i {\r\nfont-size: 13px;\r\n}\r\n}\r\n\/* MATERIALS *\/\r\n.materials {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 18px;\r\n}\r\n@media (max-width: 980px) {\r\n.materials {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n}\r\n@media (max-width: 768px) {\r\n.materials {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.materials {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 12px;\r\n}\r\n}\r\n.material-card {\r\nbackground: #fff;\r\nborder-radius: 12px;\r\npadding: 20px;\r\nborder: 1px solid var(--line);\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n@media (max-width: 768px) {\r\n.material-card {\r\npadding: 18px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.material-card {\r\npadding: 16px;\r\n}\r\n.material-card p {\r\nfont-size: 13px;\r\n}\r\n}\r\n.material-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 0;\r\nheight: 2px;\r\nbackground: var(--color-accent);\r\ntransition: width 0.4s ease;\r\n}\r\n.material-card:hover::before {\r\nwidth: 100%;\r\n}\r\n.material-card:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n}\r\n.material-top {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\nmargin-bottom: 10px;\r\n}\r\n.material-title {\r\nfont-weight: 500;\r\nletter-spacing: -0.01em;\r\n}\r\n.material-chip {\r\npadding: 6px 10px;\r\nborder-radius: 10px;\r\nbackground: var(--accent-soft);\r\nfont-size: 12px;\r\ncolor: #555;\r\nfont-weight: 500;\r\n}\r\n.material-card p {\r\nmargin: 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.6;\r\n}\r\n\/* REASONS *\/\r\n.reasons-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 18px;\r\n}\r\n@media (max-width: 980px) {\r\n.reasons-grid {\r\ngrid-template-columns: repeat(2, 1fr);\r\n}\r\n}\r\n@media (max-width: 768px) {\r\n.reasons-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 16px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.reasons-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 12px;\r\n}\r\n}\r\n.reason-card {\r\nbackground: #fff;\r\nborder: 1px solid var(--line);\r\nborder-radius: 12px;\r\npadding: 24px;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\ntransition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n@media (max-width: 768px) {\r\n.reason-card {\r\npadding: 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.reason-card {\r\npadding: 18px;\r\n}\r\n.reason-card h3 {\r\nfont-size: 18px;\r\n}\r\n.reason-card p {\r\nfont-size: 13px;\r\n}\r\n}\r\n.reason-card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -100%;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground: rgba(74, 144, 226, 0.03);\r\ntransition: top 0.4s ease;\r\n}\r\n.reason-card:hover::before {\r\ntop: 0;\r\n}\r\n.reason-card:hover {\r\ntransform: translateY(-3px);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\n}\r\n.reason-icon {\r\nwidth: 48px;\r\nheight: 48px;\r\nborder-radius: 10px;\r\nbackground: var(--accent-soft);\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 18px;\r\nmargin-bottom: 16px;\r\ncolor: var(--text);\r\nbox-shadow: 0 1px 4px rgba(0,0,0,0.04);\r\ntransition: all 0.3s ease;\r\n}\r\n.reason-card:hover .reason-icon {\r\ntransform: scale(1.05);\r\nbox-shadow: 0 2px 8px rgba(74, 144, 226, 0.15);\r\n}\r\n.reason-card h3 {\r\nmargin: 0 0 10px;\r\nfont-size: 20px;\r\nletter-spacing: -0.01em;\r\ncolor: var(--text);\r\nfont-family: 'Black Mango', serif !important;\r\n}\r\n.reason-card p {\r\nmargin: 0;\r\ncolor: var(--muted);\r\nfont-size: 14px;\r\nline-height: 1.6;\r\n}\r\n.reason-tag {\r\nmargin-top: 12px;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\npadding: 8px 12px;\r\nborder-radius: 999px;\r\nbackground: var(--accent-soft);\r\nborder: 1px solid var(--line);\r\nfont-size: 12px;\r\nfont-weight: 500;\r\ncolor: #555;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.reason-tag {\r\ndisplay: none;\r\n}\r\n}\r\n.reason-tag:hover {\r\nbackground: var(--color-accent);\r\ncolor: white;\r\n}\r\n.reason-tag i {\r\ncolor: var(--text);\r\ntransition: color 0.3s ease;\r\n}\r\n.reason-tag:hover i {\r\ncolor: white;\r\n}\r\n\/* BASIT CAROUSEL - FULL WIDTH *\/\r\n.simple-carousel-section {\r\npadding: 100px 0;\r\nbackground: #f9f9f9;\r\noverflow: hidden;\r\n}\r\n\r\n.simple-carousel-header {\r\nmax-width: 1200px;\r\nmargin: 0 auto 60px;\r\npadding: 0 40px;\r\ntext-align: center;\r\n}\r\n@media (max-width: 768px) {\r\n.simple-carousel-header {\r\npadding: 0 24px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.simple-carousel-header {\r\npadding: 0 20px;\r\n}\r\n}\r\n\r\n.simple-carousel-header h2 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(36px, 5vw, 56px);\r\nmargin-bottom: 20px;\r\ncolor: #2a2a2a;\r\nfont-weight: 400;\r\nletter-spacing: -0.02em;\r\n}\r\n\r\n.carousel-description {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: #666;\r\nline-height: 1.8;\r\nmax-width: 900px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.simple-carousel {\r\nwidth: 100%;\r\noverflow: hidden;\r\npointer-events: none;\r\nposition: relative;\r\n--slide-video-height: 300px;\r\n--slide-content-height: 230px;\r\n--slide-card-height: calc(var(--slide-video-height) + var(--slide-content-height));\r\n}\r\n\r\n.simple-carousel-track {\r\ndisplay: flex;\r\nanimation: simpleSlide 90s linear infinite;\r\npointer-events: none;\r\nposition: relative;\r\nz-index: 1;\r\nwill-change: transform;\r\n}\r\n\r\n.simple-carousel::before,\r\n.simple-carousel::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: clamp(40px, 8vw, 140px);\r\nz-index: 2;\r\npointer-events: none;\r\n}\r\n\r\n.simple-carousel::before {\r\nleft: 0;\r\nbackground: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));\r\n}\r\n\r\n.simple-carousel::after {\r\nright: 0;\r\nbackground: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));\r\n}\r\n\r\n@keyframes simpleSlide {\r\n0% { transform: translateX(0); }\r\n100% { transform: translateX(calc(-1 * var(--track-distance, 100%))); }\r\n}\r\n\r\n.simple-slide {\r\nflex: 0 0 clamp(220px, 24vw, 300px);\r\nmargin-right: 12px;\r\nborder-radius: 16px;\r\nborder: 1px solid var(--line);\r\nheight: var(--slide-card-height);\r\nposition: relative;\r\ndisplay: flex;\r\nflex-direction: column;\r\nbackground: #ffffff;\r\noverflow: hidden;\r\npointer-events: none;\r\n}\r\n\r\n.simple-slide video {\r\nwidth: 100%;\r\nheight: var(--slide-video-height);\r\nobject-fit: cover;\r\ndisplay: block;\r\n}\r\n\r\n.slide-content {\r\npadding: 30px;\r\nposition: static;\r\nbackground: #ffffff;\r\nheight: var(--slide-content-height);\r\noverflow: visible;\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n\r\n.slide-number {\r\nposition: absolute;\r\ntop: calc(var(--slide-video-height) - 25px);\r\nright: 30px;\r\nz-index: 2;\r\nmargin: 0;\r\nbackground: #2a2a2a;\r\ncolor: #fff;\r\nwidth: 50px;\r\nheight: 50px;\r\nborder-radius: 50%;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 20px;\r\nfont-weight: 400;\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.slide-content h3 {\r\nfont-size: 22px;\r\nfont-weight: 600;\r\nmargin: 0 0 15px 0;\r\ncolor: #2a2a2a;\r\nline-height: 1.3;\r\n}\r\n\r\n.slide-content p {\r\nfont-size: 15px;\r\ncolor: #666;\r\nmargin: 0;\r\nline-height: 1.7;\r\ndisplay: -webkit-box;\r\n-webkit-line-clamp: 6;\r\n-webkit-box-orient: vertical;\r\noverflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.simple-carousel-section {\r\npadding: 70px 0;\r\n}\r\n\r\n.simple-carousel {\r\n--slide-video-height: 240px;\r\n--slide-content-height: 220px;\r\n}\r\n\r\n.simple-carousel-header {\r\npadding: 0 20px;\r\nmargin-bottom: 50px;\r\n}\r\n\r\n.simple-slide {\r\nflex: 0 0 clamp(220px, 75vw, 260px);\r\nmargin-right: 14px;\r\n}\r\n\r\n.simple-slide video {\r\nheight: 240px;\r\n}\r\n\r\n.slide-content {\r\npadding: 22px;\r\n}\r\n\r\n.slide-number {\r\nwidth: 44px;\r\nheight: 44px;\r\nfont-size: 18px;\r\ntop: calc(var(--slide-video-height) - 22px);\r\n}\r\n\r\n.slide-content h3 {\r\nfont-size: 19px;\r\nmargin-bottom: 12px;\r\n}\r\n\r\n.slide-content p {\r\nfont-size: 14px;\r\nline-height: 1.6;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.simple-carousel-section {\r\npadding: 60px 0;\r\n}\r\n\r\n.simple-carousel {\r\n--slide-video-height: 200px;\r\n--slide-content-height: 200px;\r\n}\r\n\r\n.simple-carousel-header {\r\npadding: 0 16px;\r\nmargin-bottom: 40px;\r\n}\r\n\r\n.simple-slide {\r\nflex: 0 0 clamp(200px, 80vw, 240px);\r\nmargin-right: 12px;\r\n}\r\n\r\n.simple-slide video {\r\nheight: 200px;\r\n}\r\n\r\n.slide-content {\r\npadding: 20px;\r\n}\r\n\r\n.slide-number {\r\nwidth: 40px;\r\nheight: 40px;\r\nfont-size: 16px;\r\ntop: calc(var(--slide-video-height) - 20px);\r\nright: 20px;\r\n}\r\n\r\n.slide-content h3 {\r\nfont-size: 17px;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.slide-content p {\r\nfont-size: 13px;\r\nline-height: 1.6;\r\n-webkit-line-clamp: 5;\r\n}\r\n}\r\n.manufacturing__cards .process-card__image {\r\nwidth: 45%;\r\nheight: 100%;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.manufacturing__cards .process-card__video {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nfilter: grayscale(100%) contrast(1.1);\r\ntransition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), filter 1s ease;\r\n}\r\n.manufacturing__cards .process-card.active .process-card__video {\r\ntransform: scale(1.05);\r\nfilter: grayscale(20%) contrast(1);\r\n}\r\n.manufacturing__cards .process-card__overlay {\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.4));\r\n}\r\n.manufacturing__cards .process-card__content {\r\nwidth: 55%;\r\nheight: 100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\npadding: 0 6vw 0 8vw;\r\nbackground: #f6f6f4;\r\nposition: relative;\r\nborder-left: 1px solid rgba(0,0,0,0.08);\r\n}\r\n.manufacturing__cards .process-card__number {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 7rem;\r\nfont-weight: 400;\r\ncolor: rgba(0,0,0,0.08);\r\nline-height: 0.8;\r\nletter-spacing: -0.05em;\r\nposition: absolute;\r\ntop: 6vh;\r\nright: 6vw;\r\n}\r\n.manufacturing__cards .process-card__label {\r\nfont-size: 0.85rem;\r\ncolor: var(--color-accent);\r\nmargin-bottom: 1rem;\r\nletter-spacing: 0.15em;\r\ntext-transform: uppercase;\r\nfont-weight: 500;\r\n}\r\n.manufacturing__cards .process-card__title {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: clamp(2rem, 3.5vw, 3.2rem);\r\nfont-weight: 400;\r\ncolor: #2a2a2a;\r\nline-height: 1.2;\r\nmargin-bottom: 1.5rem;\r\nletter-spacing: -0.01em;\r\n}\r\n.manufacturing__cards .process-card__description {\r\nfont-size: 1rem;\r\nfont-weight: 300;\r\ncolor: #666;\r\nline-height: 1.8;\r\nmargin-bottom: 1rem;\r\nmax-width: 600px;\r\n}\r\n.manufacturing__cards .process-card__specs {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1fr;\r\ngap: 2rem 4rem;\r\nmax-width: 600px;\r\nmargin-top: 3rem;\r\npadding-top: 2rem;\r\nborder-top: 1px solid rgba(0,0,0,0.1);\r\n}\r\n.manufacturing__cards .spec {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 0.5rem;\r\n}\r\n.manufacturing__cards .spec__label {\r\nfont-size: 0.7rem;\r\nfont-weight: 500;\r\ncolor: #666;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.08em;\r\n}\r\n.manufacturing__cards .spec__value {\r\nfont-size: 1rem;\r\nfont-weight: 400;\r\ncolor: #2a2a2a;\r\nfont-family: 'DIN Next LT Pro', sans-serif !important;\r\n}\r\n.progress-bar-container {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 3px;\r\nbackground: rgba(255,255,255,0.05);\r\nz-index: 101;\r\npointer-events: none;\r\nopacity: 0;\r\ntransition: opacity 0.3s;\r\n}\r\n\r\n.ui-controls {\r\nposition: absolute;\r\nz-index: 100;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100vh;\r\npointer-events: none;\r\nopacity: 0;\r\ntransition: opacity 0.5s;\r\n}\r\n.ui-controls.is-active,\r\n.progress-bar-container.is-active {\r\nopacity: 1;\r\n}\r\n.nav-dots {\r\nposition: absolute;\r\nright: 3vw;\r\ntop: 50%;\r\ntransform: translateY(-50%);\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 1.5rem;\r\npointer-events: auto;\r\n}\r\n.nav-dots__dot {\r\nwidth: 6px;\r\nheight: 6px;\r\nbackground: rgba(255, 255, 255, 0.2);\r\nborder-radius: 50%;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\n}\r\n.nav-dots__dot::after {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -12px; bottom: -12px; left: -12px; right: -12px;\r\n}\r\n.nav-dots__dot.active {\r\nbackground: var(--color-accent);\r\ntransform: scale(1.8);\r\nbox-shadow: 0 0 15px rgba(168, 213, 247, 0.4);\r\n}\r\n.step-counter {\r\nposition: absolute;\r\nbottom: 40px;\r\nleft: 60px;\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 1.5rem;\r\ncolor: #2a2a2a;\r\nline-height: 1;\r\ndisplay: flex;\r\nalign-items: flex-end;\r\ngap: 5px;\r\n}\r\n.step-counter #stepCounterCurrent {\r\nfont-size: 4rem;\r\nline-height: 0.8;\r\ncolor: var(--color-accent);\r\n}\r\n.step-counter span {\r\nfont-size: 1.2rem;\r\ncolor: rgba(0,0,0,0.4);\r\nmargin-bottom: 5px;\r\n}\r\n@media (max-width: 1024px) {\r\n.manufacturing__cards .process-card__image { width: 40%; }\r\n.manufacturing__cards .process-card__content { width: 60%; padding: 0 5vw; }\r\n.manufacturing__cards .process-card__specs { gap: 1.5rem; }\r\n}\r\n@media (max-width: 768px) {\r\n.manufacturing__cards .process-card { flex-direction: column; }\r\n.manufacturing__cards .process-card__image { width: 100%; height: 40vh; min-height: 280px; }\r\n.manufacturing__cards .process-card__content {\r\nwidth: 100%;\r\nheight: auto;\r\nmin-height: 60vh;\r\npadding: 40px 28px;\r\njustify-content: flex-start;\r\nborder-left: none;\r\nborder-top: 1px solid rgba(0,0,0,0.1);\r\n}\r\n.manufacturing__cards .process-card__number { top: 24px; right: 24px; font-size: 4.5rem; }\r\n.manufacturing__cards .process-card__title { font-size: 2.4rem; margin-bottom: 1.2rem; }\r\n.manufacturing__cards .process-card__step { margin-bottom: 1rem; display: none; }\r\n.manufacturing__cards .process-card__description { font-size: 0.95rem; margin-bottom: 1.5rem; line-height: 1.7; }\r\n.manufacturing__cards .process-card__specs { margin-top: 1.5rem; padding-top: 1.5rem; grid-template-columns: 1fr 1fr; gap: 1.2rem; }\r\n.nav-dots { display: none; }\r\n.step-counter { bottom: 24px; left: 28px; }\r\n.step-counter #stepCounterCurrent { font-size: 3.2rem; }\r\n}\r\n@media (max-width: 480px) {\r\n.manufacturing__cards .process-card__image { height: 35vh; min-height: 240px; }\r\n.manufacturing__cards .process-card__content {\r\nmin-height: 65vh;\r\npadding: 32px 20px;\r\n}\r\n.manufacturing__cards .process-card__number { top: 20px; right: 20px; font-size: 3.5rem; }\r\n.manufacturing__cards .process-card__title { font-size: 2rem; margin-bottom: 1rem; }\r\n.manufacturing__cards .process-card__description { font-size: 0.9rem; margin-bottom: 1.2rem; }\r\n.manufacturing__cards .process-card__specs { margin-top: 1rem; padding-top: 1rem; gap: 1rem; }\r\n.step-counter { bottom: 20px; left: 20px; }\r\n.step-counter #stepCounterCurrent { font-size: 2.8rem; }\r\n}\r\n\/* FACILITY *\/\r\n.facility-stack {\r\ndisplay: grid;\r\ngap: 24px;\r\n}\r\n.facility.facility--alt {\r\nbackground: #f6f6f4;\r\n}\r\n.facility {\r\nbackground: #f6f6f4;\r\ncolor: #2a2a2a;\r\nborder-radius: 12px;\r\npadding: 32px;\r\ndisplay: grid;\r\ngrid-template-columns: 1.05fr 0.95fr;\r\ngap: 26px;\r\nalign-items: center;\r\noverflow: hidden;\r\n}\r\n@media (max-width: 920px) {\r\n.facility {\r\ngrid-template-columns: 1fr;\r\ngap: 24px;\r\n}\r\n}\r\n@media (max-width: 768px) {\r\n.facility {\r\npadding: 28px;\r\ngap: 20px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.facility {\r\npadding: 24px 20px;\r\ngap: 18px;\r\nborder-radius: 10px;\r\n}\r\n.facility h3 {\r\nfont-size: 26px;\r\nmargin-bottom: 10px;\r\n}\r\n.facility p {\r\nfont-size: 14px;\r\nmargin-bottom: 14px;\r\n}\r\n}\r\n.facility h3 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 30px;\r\nmargin: 0 0 12px;\r\nletter-spacing: -0.02em;\r\ncolor: #2a2a2a;\r\n}\r\n.facility p {\r\nmargin: 0 0 16px;\r\ncolor: #666;\r\n}\r\n.facility-metrics {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 12px;\r\n}\r\n@media (max-width: 620px) {\r\n.facility-metrics {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 10px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.facility-metrics {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 8px;\r\n}\r\n.metric {\r\npadding: 12px;\r\n}\r\n.metric .value {\r\nfont-size: 22px;\r\nmargin-bottom: 4px;\r\n}\r\n.metric .label {\r\nfont-size: 11px;\r\n}\r\n}\r\n.metric {\r\nbackground: rgba(0,0,0,0.04);\r\nborder: 1px solid rgba(0,0,0,0.08);\r\npadding: 14px;\r\nborder-radius: 12px;\r\ntransition: all 0.3s ease;\r\n}\r\n.metric:hover {\r\nbackground: rgba(0,0,0,0.06);\r\ntransform: translateY(-1px);\r\n}\r\n.metric .value {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 26px;\r\nmargin: 0 0 6px;\r\ncolor: #2a2a2a;\r\nfont-weight: 400;\r\n}\r\n.metric .label {\r\nmargin: 0;\r\ncolor: #666;\r\nfont-size: 12px;\r\nletter-spacing: 0.05em;\r\n}\r\n.facility-visual {\r\nposition: relative;\r\nborder-radius: 16px;\r\noverflow: hidden;\r\nmin-height: 260px;\r\n}\r\n@media (max-width: 768px) {\r\n.facility-visual {\r\nmin-height: 240px;\r\nborder-radius: 14px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.facility-visual {\r\nmin-height: 220px;\r\nborder-radius: 12px;\r\n}\r\n}\r\n.facility-visual img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nfilter: saturate(1.05);\r\ntransition: transform 0.6s ease;\r\n}\r\n.facility:hover .facility-visual img {\r\ntransform: scale(1.05);\r\n}\r\n.facility-visual::after {\r\ncontent: \"\";\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(15,15,15,0.2), transparent 60%);\r\n}\r\n\/* CTA *\/\r\n.cta {\r\nbackground: #f6f6f4;\r\ncolor: #2a2a2a;\r\nborder-radius: 12px;\r\npadding: 32px;\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 0.95fr;\r\ngap: 24px;\r\nalign-items: center;\r\noverflow: hidden;\r\nposition: relative;\r\n}\r\n.cta::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -50%;\r\nright: -50%;\r\nwidth: 200%;\r\nheight: 200%;\r\nbackground: radial-gradient(circle, rgba(168, 213, 247, 0.1) 0%, transparent 70%);\r\nanimation: rotate 20s linear infinite;\r\n}\r\n@keyframes rotate {\r\n0% { transform: rotate(0deg); }\r\n100% { transform: rotate(360deg); }\r\n}\r\n@media (max-width: 920px) {\r\n.cta {\r\ngrid-template-columns: 1fr;\r\ngap: 20px;\r\n}\r\n}\r\n@media (max-width: 768px) {\r\n.cta {\r\npadding: 28px;\r\ngap: 18px;\r\n}\r\n.cta h3 {\r\nfont-size: 28px;\r\nmargin-bottom: 10px;\r\n}\r\n}\r\n@media (max-width: 480px) {\r\n.cta {\r\npadding: 24px 20px;\r\ngap: 16px;\r\nborder-radius: 10px;\r\n}\r\n.cta h3 {\r\nfont-size: 24px;\r\nmargin-bottom: 8px;\r\n}\r\n.cta p {\r\nfont-size: 14px;\r\nmargin-bottom: 16px;\r\n}\r\n.cta-actions {\r\nflex-direction: column;\r\ngap: 10px;\r\n}\r\n.cta .btn {\r\nwidth: 100%;\r\njustify-content: center;\r\n}\r\n}\r\n.cta h3 {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 32px;\r\nmargin: 0 0 12px;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: #2a2a2a !important;\r\nfont-weight: 500;\r\n}\r\n.cta p {\r\nmargin: 0 0 18px;\r\ncolor: #666;\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n.cta-actions {\r\ndisplay: flex;\r\ngap: 12px;\r\nflex-wrap: wrap;\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n.cta .btn.primary {\r\nbackground: #2a2a2a;\r\ncolor: #ffffff;\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.15);\r\n}\r\n.cta .btn.primary:hover {\r\ntransform: translateY(-3px);\r\n}\r\n.cta .btn.ghost {\r\nborder: 1px solid rgba(0,0,0,0.2);\r\ncolor: #2a2a2a;\r\nbackground: rgba(0,0,0,0.06);\r\n}\r\n.cta .btn.ghost:hover {\r\nborder-color: rgba(0,0,0,0.3);\r\nbackground: rgba(0,0,0,0.1);\r\ntransform: translateY(-3px);\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n<div class=\"page-wrapper\">\r\n<video class=\"hero-video\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/prompt_ultrarealistic_1080p_2025121813-1.mp4\" autoplay muted loop playsinline><\/video>\r\n<div class=\"hero-content\">\r\n<h1>Production<\/h1>\r\n<p>Our production process consists of 9 clear steps: we identify needs, design, produce, check and ship.<br>We apply ergonomics, quality and sustainability criteria at every step.<br><br>We measure, record and secure the process with ISO, BIFMA, TSE and Local Production standards.<\/p>\r\n<div class=\"hero-actions\">\r\n<a class=\"btn primary\" href=\"#manufacturing\"><i class=\"fa-solid fa-play\"><\/i>Monitor the Production Process<\/a>\r\n<a class=\"btn ghost\" href=\"#cta\"><i class=\"fa-solid fa-envelope\"><\/i>Get Offer<\/a>\r\n<\/div>\r\n<div class=\"hero-stats\">\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Facility Area<\/div>\r\n<div class=\"stat-number\">4.000 m\u00b2<\/div>\r\n<div class=\"stat-desc\">indoor space<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Daily Capacity<\/div>\r\n<div class=\"stat-number\">50+<\/div>\r\n<div class=\"stat-desc\">quantity production<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Quality Ratio<\/div>\r\n<div class=\"stat-number\">%98<\/div>\r\n<div class=\"stat-desc\">standard compliance<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Experience<\/div>\r\n<div class=\"stat-number\">1976<\/div>\r\n<div class=\"stat-desc\">'production since<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- \u00dcRET\u0130M ANLAYI\u015eIMIZ (GEL\u0130\u015eT\u0130R\u0130LM\u0130\u015e) -->\r\n<section class=\"section section-dark\" data-aos=\"fade-up\">\r\n<div class=\"page-wrapper\">\r\n<div class=\"section-header\">\r\n<span class=\"section-label\">Our Production Approach<\/span>\r\n<h2>Trust Built on Standards<\/h2>\r\n<p class=\"lead\">All our production steps are planned, implemented and recorded according to ISO 9001, ISO 14001, ISO 45001, ANSI\/BIFMA, TSE and Domestic Production criteria.<\/p>\r\n<\/div>\r\n<div class=\"rich-text rich-text--dark\">\r\n<p>This approach aims not only to produce products, but also to offer safe, long-lasting and sustainable solutions. <strong>Each product is supported by defined processes, measurements and corporate responsibility.<\/strong><\/p>\r\n<\/div>\r\n\r\n<!-- \u00dcretim Prensipleri -->\r\n<div class=\"production-principles\">\r\n<div class=\"principle-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"principle-icon\">\r\n<i class=\"fa-solid fa-bullseye\"><\/i>\r\n<\/div>\r\n<h3>Human Centered Design<\/h3>\r\n<p>We measure user needs, set ergonomic goals and test prototypes in real use scenarios.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">2000+ person test group<\/span>\r\n<span class=\"stat\">15+ ergonomic parameters<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"principle-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n\t<div class=\"principle-icon\">\r\n\t\t<i class=\"fa-solid fa-award\"><\/i>\r\n\t<\/div>\r\n\t<h3>Quality Assurance<\/h3>\r\n<p>We verify quality at 27 control points from raw material entry to shipment, correcting deviations immediately.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">27 checkpoints<\/span>\r\n<span class=\"stat\">%98 kalite oran\u0131<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"principle-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n<div class=\"principle-icon\">\r\n<i class=\"fa-solid fa-leaf\"><\/i>\r\n<\/div>\r\n<h3>Sustainability<\/h3>\r\n<p>We reduce waste, favor recyclable materials and continuously improve the process to reduce our carbon footprint.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">%85 geri d\u00f6n\u00fc\u015f\u00fcm<\/span>\r\n<span class=\"stat\">Carbon neutrality target<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- \u00dcretim Felsefesi -->\r\n<div class=\"production-philosophy\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n<div class=\"philosophy-content\">\r\n<div class=\"philosophy-quote\">\r\n<blockquote>\r\n\"Producing a piece of furniture is not just about putting the pieces together. Every product is about designing an experience that will add value to the life of its user.\"\r\n<\/blockquote>\r\n<cite>- ZIENO Production Philosophy<\/cite>\r\n<\/div>\r\n<div class=\"philosophy-pillars\">\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">01<\/span>\r\n<h4>Uncompromising Quality<\/h4>\r\n<p>Quality standards are minimum; we always go above and beyond.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">02<\/span>\r\n<h4>Continuous Improvement<\/h4>\r\n<p>At the end of each production, we analyze the data and improve the process in the next cycle.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">03<\/span>\r\n<h4>Customer Orientation<\/h4>\r\n<p>Our decisions are based on user data and use cases.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">04<\/span>\r\n<h4>Technology Integration<\/h4>\r\n<p>We use technology not for speed, but to reduce error and increase consistency.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- SERT\u0130F\u0130KALAR MARQUEE -->\r\n<section class=\"cert-section-wrapper\" id=\"certifications\" data-aos=\"fade-up\">\r\n<div class=\"page-wrapper\">\r\n<div class=\"section-header\">\r\n<span class=\"section-label\">Our Certificates<\/span>\r\n<h2 style=\"font-weight: 400;\">Quality Validated by Standards<\/h2>\r\n<p class=\"lead\">Our quality, occupational safety, environment and satisfaction management processes are certified by international standards.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"cert-marquee-container\">\r\n<div class=\"cert-marquee-track\">\r\n    <div class=\"cert-marquee-item\" data-cert=\"iso10002\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\" alt=\"ISO 10002:2018\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 10002<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Customer Satisfaction<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso22301\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\" alt=\"ISO 22301:2019\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 22301<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Business Continuity<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso45001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\" alt=\"ISO 45001:2018\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 45001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Occupational Health &amp; Safety<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso9001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\" alt=\"ISO 9001:2015\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 9001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Quality Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"ce\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\" alt=\"CE Certificate\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">CE<\/div>\r\n        <div class=\"cert-marquee-subtitle\">European Conformity<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso31000\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\" alt=\"ISO 31000\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 31000<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Risk Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso14001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\" alt=\"ISO 14001:2015\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 14001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Environmental Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso27001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\" alt=\"ISO 27001:2022\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 27001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Information Security<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <!-- Duplicate for seamless loop -->\r\n    <div class=\"cert-marquee-item\" data-cert=\"iso10002\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\" alt=\"ISO 10002:2018\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 10002<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Customer Satisfaction<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso22301\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\" alt=\"ISO 22301:2019\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 22301<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Business Continuity<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso45001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\" alt=\"ISO 45001:2018\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 45001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Occupational Health &amp; Safety<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso9001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\" alt=\"ISO 9001:2015\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 9001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Quality Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"ce\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\" alt=\"CE Certificate\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">CE<\/div>\r\n        <div class=\"cert-marquee-subtitle\">European Conformity<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso31000\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\" alt=\"ISO 31000\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 31000<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Risk Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso14001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\" alt=\"ISO 14001:2015\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 14001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Environmental Management<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"cert-marquee-item\" data-cert=\"iso27001\">\r\n        <div class=\"cert-marquee-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\" alt=\"ISO 27001:2022\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"cert-marquee-title\">ISO 27001<\/div>\r\n        <div class=\"cert-marquee-subtitle\">Information Security<\/div>\r\n        <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n            <i class=\"fa-solid fa-eye\"><\/i> View\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"page-wrapper\">\r\n<div class=\"cert-logos\" aria-label=\"Compliance and standard logos\">\r\n<div class=\"cert-logo\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/db86389a97891c336a1218c4d8a83681.jpg\" alt=\"Domestic production\">\r\n<\/div>\r\n<div class=\"cert-logo\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/BIFMA-landing-page-compliant-scaled.png\" alt=\"BIFMA\">\r\n<\/div>\r\n<div class=\"cert-logo\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/TSE.png\" alt=\"TSE\">\r\n<\/div>\r\n<div class=\"cert-logo\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/ISO_Logo_Red_square.svg\" alt=\"ISO\">\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- BASIT CAROUSEL -->\r\n<section class=\"simple-carousel-section\">\r\n<div class=\"simple-carousel-header\">\r\n<h2>9 Steps on the Production Line<\/h2>\r\n<p class=\"carousel-description\">With half a century of manufacturing experience dating back to 1976, we combine quality, ergonomics and engineering at every stage from design to shipment. Discover our production process in line with ISO, BIFMA and TSE standards.<\/p>\r\n<\/div>\r\n<div class=\"simple-carousel\">\r\n<div class=\"simple-carousel-track\">\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Meeting_Business_1280x720.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">01<\/span>\r\n<h3>Identifying Needs<\/h3>\r\n<p>The journey of every product begins with answering the question \"for whom and under what conditions?\". The end user's daily experience, long-term usage habits and working environment are analyzed in detail.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/tmpa2b6co1e.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">02<\/span>\r\n<h3>Product Design<\/h3>\r\n<p>Our design approach is based on aesthetics, ergonomics and engineering as an inseparable whole. Functional prototypes are created and real usage scenarios are simulated.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/tmpbua8btpz.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">03<\/span>\r\n<h3>Material Preference<\/h3>\r\n<p>Material selection is based on health, safety and sustainability criteria beyond aesthetic considerations. All materials are evaluated for compliance with ISO 14001, ISO 45001 and BIFMA performance criteria.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/WhatsApp-Video-2026-01-15-at-12.52.15-1.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">04<\/span>\r\n<h3>Production - Preparation<\/h3>\r\n<p>CNC fabric cutting, sponge forming and metal preparation processes are carried out with millimeter precision. With kitting, the parts required for each product are pre-matched.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/WhatsApp-Video-2026-01-15-at-12.52.16-1.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">05<\/span>\r\n<h3>Production - Upholstery<\/h3>\r\n<p>Upholstery is one of the most tricky steps in office chair production. The fabric is dressed with equal tension on the sponge. Double needle, overlock and detail seams are optimized in industrial sewing operations.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/WhatsApp-Video-2026-01-15-at-12.52.16.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">06<\/span>\r\n<h3>Production - Assembly<\/h3>\r\n<p>The assembly line is organized according to cellular production principles. At every step, operators perform visual and functional checks; missing screws, loose connections or alignment errors are corrected immediately.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/gateai-video-1768851065442.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">07<\/span>\r\n<h3>Control Process<\/h3>\r\n<p>Each finished product undergoes a comprehensive control process before shipment. In line with BIFMA test criteria, the strength, stability and safety of the product are evaluated.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/WhatsApp-Video-2026-01-15-at-12.52.15.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">08<\/span>\r\n<h3>Packaging<\/h3>\r\n<p>The packaging process is planned to minimize impact, moisture and transportation risks. Environmentally friendly packaging solutions are preferred within the framework of ISO 14001.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"simple-slide\">\r\n<video autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/tmpvw_wpbak.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"slide-content\">\r\n<span class=\"slide-number\">09<\/span>\r\n<h3>Shipment<\/h3>\r\n<p>Packaged products are grouped according to orders in the shipment warehouse; traceability is ensured with the barcode system. On-time delivery guarantee with our strong logistics network reaching 81 provinces in Turkey and 50+ countries in exports.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- NEDEN ZIENO? -->\r\n<section class=\"section\" data-aos=\"fade-up\">\r\n<div class=\"page-wrapper\">\r\n<div class=\"section-header\">\r\n<span class=\"section-label\">Why ZIENO?<\/span>\r\n<h2>Differentiating Values in Office Furniture<\/h2>\r\n<p class=\"lead\">With our experience dating back to 1976, we have become the symbol of reliability, quality and innovation in the office furniture industry. Here are our core values that make you choose ZIENO.<\/p>\r\n<\/div>\r\n<div class=\"reasons-grid\">\r\n<article class=\"reason-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"reason-icon\"><i class=\"fa-solid fa-award\"><\/i><\/div>\r\n<h3>Proven Quality Standard<\/h3>\r\n<p>ISO 9001, ISO 14001, ISO 45001 ve BIFMA standartlar\u0131na uygun \u00fcretim yapar; 27 kontrol noktas\u0131nda kaliteyi do\u011frular\u0131z. Sonu\u00e7: %98 kalite standard\u0131.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-chart-line\"><\/i>%98 Kalite Ba\u015far\u0131 Oran\u0131<\/div>\r\n<\/article>\r\n<article class=\"reason-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"reason-icon\"><i class=\"fa-solid fa-chair\"><\/i><\/div>\r\n<h3>Scientific Ergonomics Approach<\/h3>\r\n<p>Thanks to our ergonomics research and tests with 15+ parameters, we develop products that provide comfort during long working hours.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-user-doctor\"><\/i>Health Oriented Design<\/div>\r\n<\/article>\r\n<article class=\"reason-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n<div class=\"reason-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n<h3>Superior Durability Guaranteed<\/h3>\r\n<p>With high-strength materials and tested mechanisms, we deliver years of trouble-free performance under intensive use.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-clock\"><\/i>10+ Year Durability Guarantee<\/div>\r\n<\/article>\r\n<article class=\"reason-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n<div class=\"reason-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n<h3>Deep-rooted Trust and Experience<\/h3>\r\n<p>With 48 years of production experience and a delivery history of 81 provinces \/ 50+ countries, we are a reliable business partner in projects.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-calendar-check\"><\/i>Reliable Since 1976<\/div>\r\n<\/article>\r\n<article class=\"reason-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n<div class=\"reason-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n<h3>Comprehensive Customer Support<\/h3>\r\n<p>Sat\u0131\u015f \u00f6ncesinden sat\u0131\u015f sonras\u0131na kadar tam destek sunar, ISO 10002 s\u00fcre\u00e7leriyle \u015fikayetlerin %98'ini 48 saat i\u00e7inde \u00e7\u00f6zeriz.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-bolt\"><\/i>24\/7 Uninterrupted Support<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<!-- MODAL -->\r\n<div class=\"cert-modal\" id=\"certModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"certModalTitle\">\r\n<div class=\"cert-modal__dialog\" role=\"document\">\r\n<div class=\"cert-modal__media\">\r\n<img decoding=\"async\" id=\"certModalImage\" src=\"\" alt=\"\">\r\n<\/div>\r\n<div class=\"cert-modal__content\">\r\n<button class=\"cert-modal__close\" id=\"certModalClose\" type=\"button\" data-cert-close aria-label=\"Close\">\r\n<i class=\"fa-solid fa-xmark\"><\/i>\r\n<\/button>\r\n<h3 class=\"cert-modal__title\" id=\"certModalTitle\"><\/h3>\r\n<p class=\"cert-modal__subtitle\" id=\"certModalSubtitle\"><\/p>\r\n<p class=\"cert-modal__desc\" id=\"certModalDesc\"><\/p>\r\n<ul class=\"cert-modal__points\" id=\"certModalPoints\"><\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Enhanced Scripts -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<!-- AOS (Animate On Scroll) -->\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<!-- Particles.js for background effects -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/particles.js\/2.0.0\/particles.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\ntry {\r\n\/\/ Initialize AOS (Animate On Scroll)\r\nAOS.init({\r\nduration: 800,\r\neasing: 'ease-in-out',\r\nonce: true,\r\noffset: 100\r\n});\r\n} catch (error) {\r\nconsole.log('AOS initialization failed:', error);\r\n}\r\n\r\n\/\/ Certificate data and modal functionality\r\nconst certData = {\r\niso10002: {\r\ntitle: \"ISO 10002:2018\",\r\nsubtitle: \"M\u00fc\u015fteri Memnuniyeti Y\u00f6netimi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\",\r\ndesc: \"ISO 10002:2018 standard\u0131, ZIENO'nun m\u00fc\u015fteri geri bildirimlerini etkin \u015fekilde y\u00f6netti\u011fi ve m\u00fc\u015fteri memnuniyetini art\u0131rmaya y\u00f6nelik sistematik bir yakla\u015f\u0131m benimsedi\u011fini teyit eder. \u015eikayet y\u00f6netimi s\u00fcrecimiz, m\u00fc\u015fterilerimizin sesini duyurmalar\u0131n\u0131 kolayla\u015ft\u0131ran, \u015feffaf ve adil bir de\u011ferlendirme sistemi sunar.\",\r\npoints: [\r\n\"\u00c7ok kanall\u0131 geri bildirim sistemi: telefon, e-posta, web sitesi ve sosyal medya \u00fczerinden 7\/24 eri\u015fim\",\r\n\"\u015eikayet \u00e7\u00f6z\u00fcm s\u00fcrelerinin takibi: basit konular 24 saat, karma\u015f\u0131k durumlar 72 saat i\u00e7inde yan\u0131tlama\",\r\n\"M\u00fc\u015fteri memnuniyet anketleri ve Net Promoter Score (NPS) \u00f6l\u00e7\u00fcm\u00fc ile hizmet kalitesinin s\u00fcrekli izlenmesi\",\r\n\"Geri bildirim analizleri sonucu \u00fcr\u00fcn geli\u015ftirme ve s\u00fcre\u00e7 iyile\u015ftirme projelerinin ba\u015flat\u0131lmas\u0131\"\r\n]\r\n},\r\niso22301: {\r\ntitle: \"ISO 22301:2019\",\r\nsubtitle: \"\u0130\u015f S\u00fcreklili\u011fi Y\u00f6netim Sistemi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\",\r\ndesc: \"ISO 22301:2019 standard\u0131, ZIENO'nun olas\u0131 kesintilere kar\u015f\u0131 haz\u0131rl\u0131kl\u0131 oldu\u011funu ve i\u015f s\u00fcreklili\u011fini sa\u011flayacak sistemlere sahip oldu\u011funu belgeler. Acil durum planlar\u0131, yedekleme sistemleri ve h\u0131zl\u0131 toparlanma prosed\u00fcrleri ile m\u00fc\u015fterilerimize kesintisiz hizmet sunmay\u0131 garanti ederiz.\",\r\npoints: [\r\n\"Risk analizi ve etki de\u011ferlendirmesi ile kritik s\u00fcre\u00e7lerin belirlenmesi\",\r\n\"Acil durum m\u00fcdahale planlar\u0131 ve kriz y\u00f6netimi prosed\u00fcrleri\",\r\n\"Yedekleme sistemleri ve alternatif tedarik zinciri planlamas\u0131\",\r\n\"D\u00fczenli tatbikatlar ve s\u00fcrekli iyile\u015ftirme \u00e7al\u0131\u015fmalar\u0131\"\r\n]\r\n},\r\niso45001: {\r\ntitle: \"ISO 45001:2018\",\r\nsubtitle: \"\u0130\u015f Sa\u011fl\u0131\u011f\u0131 ve G\u00fcvenli\u011fi Y\u00f6netimi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\",\r\ndesc: \"ISO 45001:2018 standard\u0131, ZIENO \u00fcretim tesisinde \u00e7al\u0131\u015fan sa\u011fl\u0131\u011f\u0131 ve g\u00fcvenli\u011fi konular\u0131nda proaktif bir yakla\u015f\u0131m sergiledi\u011fimizi uluslararas\u0131 d\u00fczeyde do\u011frular. \u00c7al\u0131\u015fanlar\u0131m\u0131z\u0131n kat\u0131l\u0131m\u0131n\u0131 te\u015fvik eden, g\u00fcvenlik k\u00fclt\u00fcr\u00fcn\u00fc geli\u015ftiren ve yasal gerekliliklere tam uyum sa\u011flayan bu sistem, s\u0131f\u0131r i\u015f kazas\u0131 hedefimize ula\u015fmam\u0131z\u0131 destekler.\",\r\npoints: [\r\n\"Makine g\u00fcvenlik sistemleri, ki\u015fisel koruyucu donan\u0131m kullan\u0131m\u0131 ve tehlike analizinin sistematik uygulanmas\u0131\",\r\n\"CNC, end\u00fcstriyel diki\u015f ve montaj hatlar\u0131nda \u00f6zel risk de\u011ferlendirmeleri ve g\u00fcvenli \u00e7al\u0131\u015fma talimatlar\u0131\",\r\n\"Acil m\u00fcdahale ekipleri, yang\u0131n g\u00fcvenli\u011fi ve ilk yard\u0131m e\u011fitimlerinin d\u00fczenli olarak ger\u00e7ekle\u015ftirilmesi\",\r\n\"G\u00fcvenlik performans g\u00f6stergelerinin ayl\u0131k takibi ve s\u0131f\u0131r kaza hedefine y\u00f6nelik iyile\u015ftirme planlar\u0131\"\r\n]\r\n},\r\niso9001: {\r\ntitle: \"ISO 9001:2015\",\r\nsubtitle: \"Kalite Y\u00f6netim Sistemi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\",\r\ndesc: \"ISO 9001:2015 standard\u0131, ZIENO'nun ofis mobilyas\u0131 \u00fcretiminde d\u00fcnya \u00e7ap\u0131nda kabul g\u00f6ren kalite y\u00f6netim prensiplerine uygunlu\u011funu belgeler. M\u00fc\u015fteri memnuniyeti odakl\u0131 yakla\u015f\u0131m\u0131m\u0131z, risk tabanl\u0131 d\u00fc\u015f\u00fcnce ve kan\u0131ta dayal\u0131 karar verme s\u00fcre\u00e7lerimiz bu standart kapsam\u0131nda d\u00fczenli denetimlerden ge\u00e7er.\",\r\npoints: [\r\n\"Tasar\u0131m, \u00fcretim, kalite kontrol ve sevkiyat s\u00fcre\u00e7lerinin ISO 9001:2015 standartlar\u0131na tam uyumu\",\r\n\"M\u00fc\u015fteri \u015fikayetlerinin %98 oran\u0131nda 48 saat i\u00e7inde \u00e7\u00f6z\u00fcmlenmesi ve kay\u0131t alt\u0131na al\u0131nmas\u0131\",\r\n\"Tedarik\u00e7i performans de\u011ferlendirme sistemi ile kaliteli hammadde giri\u015finin garantilenmesi\",\r\n\"Personel yetkinlik matrisi ve d\u00fczenli e\u011fitim programlar\u0131 ile insan kayna\u011f\u0131 kalitesinin y\u00fckseltilmesi\"\r\n]\r\n},\r\niso45001: {\r\ntitle: \"ISO 45001:2018\",\r\nsubtitle: \"\u0130\u015f Sa\u011fl\u0131\u011f\u0131 ve G\u00fcvenli\u011fi Y\u00f6netimi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\",\r\ndesc: \"ISO 45001:2018 standard\u0131, ZIENO \u00fcretim tesisinde \u00e7al\u0131\u015fan sa\u011fl\u0131\u011f\u0131 ve g\u00fcvenli\u011fi konular\u0131nda proaktif bir yakla\u015f\u0131m sergiledi\u011fimizi uluslararas\u0131 d\u00fczeyde do\u011frular. \u00c7al\u0131\u015fanlar\u0131m\u0131z\u0131n kat\u0131l\u0131m\u0131n\u0131 te\u015fvik eden, g\u00fcvenlik k\u00fclt\u00fcr\u00fcn\u00fc geli\u015ftiren ve yasal gerekliliklere tam uyum sa\u011flayan bu sistem, s\u0131f\u0131r i\u015f kazas\u0131 hedefimize ula\u015fmam\u0131z\u0131 destekler.\",\r\npoints: [\r\n\"Makine g\u00fcvenlik sistemleri, ki\u015fisel koruyucu donan\u0131m kullan\u0131m\u0131 ve tehlike analizinin sistematik uygulanmas\u0131\",\r\n\"CNC, end\u00fcstriyel diki\u015f ve montaj hatlar\u0131nda \u00f6zel risk de\u011ferlendirmeleri ve g\u00fcvenli \u00e7al\u0131\u015fma talimatlar\u0131\",\r\n\"Acil m\u00fcdahale ekipleri, yang\u0131n g\u00fcvenli\u011fi ve ilk yard\u0131m e\u011fitimlerinin d\u00fczenli olarak ger\u00e7ekle\u015ftirilmesi\",\r\n\"G\u00fcvenlik performans g\u00f6stergelerinin ayl\u0131k takibi ve s\u0131f\u0131r kaza hedefine y\u00f6nelik iyile\u015ftirme planlar\u0131\"\r\n]\r\n},\r\niso14001_old: {\r\ntitle: \"ISO 14001\",\r\nsubtitle: \"\u00c7evre Y\u00f6netim Sistemi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/a3.jpg\",\r\ndesc: \"ISO 14001:2015 standard\u0131, ZIENO'nun \u00e7evresel sorumlulu\u011funu sistemli bir yakla\u015f\u0131mla yerine getirdi\u011fini belgeler. Karbon ayak izi azaltma, enerji verimlili\u011fi ve d\u00f6ng\u00fcsel ekonomi prensiplerine uygun olarak gelecek nesillere ya\u015fanabilir bir \u00e7evre b\u0131rakmay\u0131 hedefliyoruz.\",\r\npoints: [\r\n\"\u00dcretim at\u0131klar\u0131n\u0131n %85'inin geri d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi\",\r\n\"Su ve enerji t\u00fcketim optimizasyonu\",\r\n\"\u00c7evre dostu malzeme tercihi\",\r\n\"Karbon n\u00f6tr \u00fcretim hedefi\"\r\n]\r\n},\r\nce: {\r\ntitle: \"CE Sertifikas\u0131\",\r\nsubtitle: \"Avrupa Uygunluk Belgesi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\",\r\ndesc: \"CE i\u015fareti, \u00fcr\u00fcnlerimizin Avrupa Birli\u011fi'nin sa\u011fl\u0131k, g\u00fcvenlik ve \u00e7evre koruma standartlar\u0131na uygun oldu\u011funu belgeler. Bu sertifika, \u00fcr\u00fcnlerimizin AB pazar\u0131nda serbest\u00e7e dola\u015f\u0131m\u0131na izin verir ve uluslararas\u0131 kalite g\u00fcvencemizin bir g\u00f6stergesidir.\",\r\npoints: [\r\n\"AB direktiflerine tam uyum ve teknik dosya haz\u0131rl\u0131\u011f\u0131\",\r\n\"\u00dcr\u00fcn g\u00fcvenli\u011fi ve performans testlerinin tamamlanmas\u0131\",\r\n\"Avrupa pazar\u0131nda serbest dola\u015f\u0131m hakk\u0131\",\r\n\"Uluslararas\u0131 kalite ve g\u00fcvenlik standartlar\u0131na uygunluk\"\r\n]\r\n},\r\niso31000: {\r\ntitle: \"ISO 31000\",\r\nsubtitle: \"Risk Y\u00f6netimi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\",\r\ndesc: \"ISO 31000 standard\u0131, ZIENO'nun risk y\u00f6netimi konusunda sistematik ve proaktif bir yakla\u015f\u0131m benimsedi\u011fini g\u00f6sterir. Operasyonel, finansal ve stratejik risklerin belirlenmesi, de\u011ferlendirilmesi ve y\u00f6netilmesi i\u00e7in kapsaml\u0131 bir sistem i\u015fletiyoruz.\",\r\npoints: [\r\n\"Sistematik risk tan\u0131mlama ve de\u011ferlendirme s\u00fcre\u00e7leri\",\r\n\"Risk azaltma stratejileri ve kontrol mekanizmalar\u0131\",\r\n\"D\u00fczenli risk g\u00f6zden ge\u00e7irme ve g\u00fcncelleme \u00e7al\u0131\u015fmalar\u0131\",\r\n\"F\u0131rsat y\u00f6netimi ve s\u00fcrekli iyile\u015ftirme k\u00fclt\u00fcr\u00fc\"\r\n]\r\n},\r\niso14001: {\r\ntitle: \"ISO 14001:2015\",\r\nsubtitle: \"\u00c7evre Y\u00f6netim Sistemi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\",\r\ndesc: \"ISO 14001:2015 standard\u0131, ZIENO'nun \u00e7evresel sorumlulu\u011funu sistemli bir yakla\u015f\u0131mla yerine getirdi\u011fini belgeler. Karbon ayak izi azaltma, enerji verimlili\u011fi ve d\u00f6ng\u00fcsel ekonomi prensiplerine uygun olarak gelecek nesillere ya\u015fanabilir bir \u00e7evre b\u0131rakmay\u0131 hedefliyoruz.\",\r\npoints: [\r\n\"\u00dcretim at\u0131klar\u0131n\u0131n %85'inin geri d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi ve kat\u0131 at\u0131k minimize edilmesi programlar\u0131\",\r\n\"Su ve enerji t\u00fcketim optimizasyonu ile y\u0131ll\u0131k %12 verimlilik art\u0131\u015f\u0131n\u0131n s\u00fcrd\u00fcr\u00fclmesi\",\r\n\"\u00c7evre dostu malzeme tercihi, d\u00fc\u015f\u00fck VOC emissyonlu boyalar ve formaldehit-free \u00fcr\u00fcn geli\u015ftirme\",\r\n\"Karbon n\u00f6tr \u00fcretim hedefi do\u011frultusunda yenilenebilir enerji kaynaklar\u0131na ge\u00e7i\u015f planlar\u0131\"\r\n]\r\n},\r\niso27001: {\r\ntitle: \"ISO 27001:2022\",\r\nsubtitle: \"Bilgi G\u00fcvenli\u011fi Y\u00f6netim Sistemi\",\r\nimage: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\",\r\ndesc: \"ISO 27001:2022 standard\u0131, ZIENO'nun m\u00fc\u015fteri verilerini, ticari s\u0131rlar\u0131 ve kurumsal bilgileri en \u00fcst d\u00fczeyde korudu\u011funu belgeler. Siber g\u00fcvenlik tehditlerine kar\u015f\u0131 kapsaml\u0131 \u00f6nlemler al\u0131r ve bilgi varl\u0131klar\u0131m\u0131z\u0131 sistematik olarak y\u00f6netiriz.\",\r\npoints: [\r\n\"Veri \u015fifreleme, eri\u015fim kontrol\u00fc ve g\u00fcvenli yedekleme sistemleri\",\r\n\"Siber g\u00fcvenlik tehditlerine kar\u015f\u0131 s\u00fcrekli izleme ve m\u00fcdahale\",\r\n\"Personel e\u011fitimleri ve g\u00fcvenlik fark\u0131ndal\u0131\u011f\u0131 programlar\u0131\",\r\n\"D\u00fczenli g\u00fcvenlik denetimleri ve penetrasyon testleri\"\r\n]\r\n}\r\n};\r\n\r\ntry {\r\n\/\/ Modal functionality with enhanced animations\r\nconst certModal = document.getElementById(\"certModal\");\r\nconst certModalImage = document.getElementById(\"certModalImage\");\r\nconst certModalTitle = document.getElementById(\"certModalTitle\");\r\nconst certModalSubtitle = document.getElementById(\"certModalSubtitle\");\r\nconst certModalDesc = document.getElementById(\"certModalDesc\");\r\nconst certModalPoints = document.getElementById(\"certModalPoints\");\r\nconst certModalClose = document.getElementById(\"certModalClose\");\r\n\r\nfunction openCertModal(key) {\r\nconst data = certData[key];\r\nif (!data || !certModal) return;\r\nif (certModalImage) {\r\ncertModalImage.src = data.image;\r\ncertModalImage.alt = data.title + \" belgesi\";\r\n}\r\nif (certModalTitle) certModalTitle.textContent = data.title;\r\nif (certModalSubtitle) certModalSubtitle.textContent = data.subtitle;\r\nif (certModalDesc) certModalDesc.textContent = data.desc;\r\nif (certModalPoints) {\r\ncertModalPoints.innerHTML = \"\";\r\n(data.points || []).forEach((point) => {\r\nconst li = document.createElement(\"li\");\r\nli.innerHTML = '<i class=\"fa-solid fa-check\"><\/i><span><\/span>';\r\nli.querySelector(\"span\").textContent = point;\r\ncertModalPoints.appendChild(li);\r\n});\r\n}\r\ncertModal.classList.add(\"is-open\");\r\ncertModal.setAttribute(\"aria-hidden\", \"false\");\r\ndocument.body.classList.add(\"modal-open\");\r\nif (certModalClose) certModalClose.focus();\r\n}\r\n\r\nfunction closeCertModal() {\r\nif (!certModal) return;\r\ncertModal.classList.remove(\"is-open\");\r\ncertModal.setAttribute(\"aria-hidden\", \"true\");\r\ndocument.body.classList.remove(\"modal-open\");\r\n}\r\n\r\ndocument.addEventListener(\"click\", (e) => {\r\nconst btn = e.target.closest(\"[data-cert]\");\r\nif (btn) {\r\ne.preventDefault();\r\nopenCertModal(btn.getAttribute(\"data-cert\"));\r\nreturn;\r\n}\r\nif (e.target === certModal || e.target.closest(\"[data-cert-close]\")) {\r\ncloseCertModal();\r\n}\r\n});\r\n\r\ndocument.addEventListener(\"keydown\", (e) => {\r\nif (e.key === \"Escape\" && certModal && certModal.classList.contains(\"is-open\")) {\r\ncloseCertModal();\r\n}\r\n});\r\n\r\nif (certModalClose) {\r\ncertModalClose.addEventListener(\"click\", (e) => {\r\ne.preventDefault();\r\ncloseCertModal();\r\n});\r\n}\r\n} catch (error) {\r\nconsole.log('Modal functionality failed:', error);\r\n}\r\n\r\ntry {\r\n\/\/ Hero scroll button functionality\r\nconst heroScrollBtn = document.querySelector('.btn.primary[href=\"#manufacturing\"]');\r\nif (heroScrollBtn) {\r\nheroScrollBtn.addEventListener(\"click\", (e) => {\r\ne.preventDefault();\r\ndocument.querySelector('.simple-carousel-section').scrollIntoView({ behavior: 'smooth' });\r\n});\r\n}\r\n} catch (error) {\r\nconsole.log('GSAP Manufacturing Animation failed:', error);\r\n}\r\n\r\ntry {\r\n\/\/ Simple carousel infinite loop\r\nconst carouselTrack = document.querySelector('.simple-carousel-track');\r\nif (carouselTrack && !carouselTrack.dataset.loopReady) {\r\nconst slides = Array.from(carouselTrack.children);\r\nconst originalCount = slides.length;\r\nif (originalCount > 0) {\r\nslides.forEach((slide) => {\r\ncarouselTrack.appendChild(slide.cloneNode(true));\r\n});\r\ncarouselTrack.dataset.loopReady = \"true\";\r\n\r\nconst setTrackDistance = () => {\r\nconst baseSlides = Array.from(carouselTrack.children).slice(0, originalCount);\r\nconst distance = baseSlides.reduce((sum, slide) => {\r\nconst style = window.getComputedStyle(slide);\r\nconst marginLeft = parseFloat(style.marginLeft) || 0;\r\nconst marginRight = parseFloat(style.marginRight) || 0;\r\nreturn sum + slide.getBoundingClientRect().width + marginLeft + marginRight;\r\n}, 0);\r\ncarouselTrack.style.setProperty(\"--track-distance\", `${distance}px`);\r\n};\r\n\r\nsetTrackDistance();\r\nwindow.addEventListener(\"resize\", setTrackDistance);\r\n}\r\n}\r\n} catch (error) {\r\nconsole.log('Simple carousel loop failed:', error);\r\n}\r\n\r\ntry {\r\n\/\/ Counter animation for stats\r\nconst statValues = document.querySelectorAll('.stat-card .value');\r\nstatValues.forEach(stat => {\r\nconst finalText = stat.textContent;\r\nconst isNumber = !isNaN(parseInt(finalText));\r\nif (isNumber) {\r\nconst finalNumber = parseInt(finalText);\r\ngsap.fromTo(stat,\r\n{ textContent: 0 },\r\n{\r\ntextContent: finalNumber,\r\nduration: 2,\r\nsnap: { textContent: 1 }\r\n}\r\n);\r\n}\r\n});\r\n\r\n\/\/ Manufacturing slider video loop fix\r\nfunction initManufacturingVideos() {\r\nconst manufacturingVideos = document.querySelectorAll('.manufacturing__cards .process-card__video');\r\n\r\nmanufacturingVideos.forEach(video => {\r\n\/\/ Video y\u00fcklendi\u011finde\r\nvideo.addEventListener('loadeddata', () => {\r\nvideo.currentTime = 0;\r\nvideo.play().catch(e => {\r\nconsole.log('Video autoplay failed:', e);\r\n});\r\n});\r\n\r\n\/\/ Video bitti\u011finde loop\r\nvideo.addEventListener('ended', () => {\r\nvideo.currentTime = 0;\r\nvideo.play().catch(e => {\r\nconsole.log('Video loop failed:', e);\r\n});\r\n});\r\n\r\n\/\/ Video duraklat\u0131ld\u0131\u011f\u0131nda tekrar ba\u015flat\r\nvideo.addEventListener('pause', () => {\r\nsetTimeout(() => {\r\nif (!video.ended) {\r\nvideo.play().catch(e => {\r\nconsole.log('Video resume failed:', e);\r\n});\r\n}\r\n}, 100);\r\n});\r\n\r\n\/\/ Video ayarlar\u0131n\u0131 zorla\r\nvideo.loop = true;\r\nvideo.muted = true;\r\nvideo.autoplay = true;\r\nvideo.playsInline = true;\r\n});\r\n}\r\n\r\n\/\/ Sayfa y\u00fcklendi\u011finde videolar\u0131 ba\u015flat\r\nwindow.addEventListener('load', () => {\r\nsetTimeout(initManufacturingVideos, 500);\r\n});\r\n\r\n\/\/ DOM y\u00fcklendi\u011finde de dene\r\ninitManufacturingVideos();\r\n} catch (error) {\r\nconsole.log('Video initialization failed:', error);\r\n}\r\n\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb2a050 e-con-full e-flex e-con e-parent\" data-id=\"eb2a050\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-282363d elementor-widget elementor-widget-shortcode\" data-id=\"282363d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"zieno-contact-section\">\r\n            <div class=\"zieno-contact-container\">\r\n                <!-- Sol Taraf - Bilgiler -->\r\n                <div class=\"zieno-contact-info\">\r\n                    <h2>Contact Us<\/h2>\r\n                    <p>Contact us with your projects, questions or cooperation proposals. Our team of experts will get back to you as soon as possible.<\/p>\r\n                    \r\n                    <div class=\"zieno-contact-details\">\r\n                        <div class=\"contact-detail-item\">\r\n                            <div class=\"contact-detail-icon\">\r\n                                <i class=\"fa fa-envelope\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"contact-detail-content\">\r\n                                <h4>Email<\/h4>\r\n                                <p><a href=\"mailto:info@zieno.com.tr\">info@zieno.com.tr<\/a><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"contact-detail-item\">\r\n                            <div class=\"contact-detail-icon\">\r\n                                <i class=\"fa fa-phone\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"contact-detail-content\">\r\n                                <h4>Telephone<\/h4>\r\n                                <p>\r\n                                    <a href=\"tel:+905358724433\">+90 535 872 44 33<\/a><br>\r\n                                    <a href=\"tel:+905330780198\">+90 533 078 01 98<\/a>\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"contact-detail-item\">\r\n                            <div class=\"contact-detail-icon\">\r\n                                <i class=\"fa fa-map-marker-alt\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"contact-detail-content\">\r\n                                <h4>Address<\/h4>\r\n                                <p>Istanbul, Turkey<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Sa\u011f Taraf - Glassmorphism Form -->\r\n                <div class=\"zieno-glass-form\">\r\n                    <h3>Contact Form<\/h3>\r\n                    <form id=\"zienoContactForm\" class=\"zieno-contact-form\" method=\"post\" action=\"#\" data-trp-original-action=\"#\">\r\n                        <div class=\"zieno-form-grid\">\r\n                            <div class=\"zieno-form-group\">\r\n                                <label>Name Surname <span class=\"required\">*<\/span><\/label>\r\n                                <input type=\"text\" name=\"name\" placeholder=\"Your Name and Surname\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group\">\r\n                                <label>Email <span class=\"required\">*<\/span><\/label>\r\n                                <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group\">\r\n                                <label>Telephone <span class=\"required\">*<\/span><\/label>\r\n                                <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XX XX\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group\">\r\n                                <label>Subject<\/label>\r\n                                <select name=\"subject\">\r\n                                    <option value=\"Genel Bilgi\">General Information<\/option>\r\n                                    <option value=\"\u00dcr\u00fcn Talebi\">Product Request<\/option>\r\n                                    <option value=\"Proje Teklifi\">Project Proposal<\/option>\r\n                                    <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After Sales Support<\/option>\r\n                                    <option value=\"\u0130hracat\">Export<\/option>\r\n                                    <option value=\"Di\u011fer\">Other<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group full-width\">\r\n                                <label>Your message <span class=\"required\">*<\/span><\/label>\r\n                                <textarea name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <button type=\"submit\" class=\"zieno-submit-btn\">\r\n                            <i class=\"fa fa-paper-plane\"><\/i>\r\n                            <span>Send<\/span>\r\n                        <\/button>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ZIENO \u00dcretim S\u00fcreci | Kaliteli Ofis Mobilyas\u0131 \u00dcretimi \u00dcretim \u00dcretim s\u00fcrecimiz 9 net ad\u0131mdan olu\u015fur: ihtiya\u00e7lar\u0131 belirler, tasarlar, \u00fcretir, kontrol eder ve [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}