ZIENO Produktionsprozess | Qualit\u00e4t B\u00fcrom\u00f6belproduktion<\/title>\r\n\r\n\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\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\r\n\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\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>Produktion<\/h1>\r\n<p>Unser Produktionsprozess besteht aus 9 klaren Schritten: Bedarfsermittlung, Entwurf, Herstellung, Kontrolle und Versand.<br>Wir wenden bei jedem Schritt Ergonomie-, Qualit\u00e4ts- und Nachhaltigkeitskriterien an.<br><br>Wir messen, protokollieren und sichern den Prozess mit ISO-, BIFMA-, TSE- und inl\u00e4ndischen Produktionsstandards.<\/p>\r\n<div class=\"hero-actions\">\r\n<a class=\"btn primary\" href=\"#manufacturing\"><i class=\"fa-solid fa-play\"><\/i>\u00dcberwachung des Produktionsprozesses<\/a>\r\n<a class=\"btn ghost\" href=\"#cta\"><i class=\"fa-solid fa-envelope\"><\/i>Angebot erhalten<\/a>\r\n<\/div>\r\n<div class=\"hero-stats\">\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Bereich der Einrichtung<\/div>\r\n<div class=\"stat-number\">4.000 m\u00b2<\/div>\r\n<div class=\"stat-desc\">Innenbereich<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">T\u00e4gliche Kapazit\u00e4t<\/div>\r\n<div class=\"stat-number\">50+<\/div>\r\n<div class=\"stat-desc\">Mengenproduktion<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Verh\u00e4ltnis der Qualit\u00e4t<\/div>\r\n<div class=\"stat-number\">%98<\/div>\r\n<div class=\"stat-desc\">Standardeinhaltung<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Erleben Sie<\/div>\r\n<div class=\"stat-number\">1976<\/div>\r\n<div class=\"stat-desc\">'Produktion seit<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\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\">Unser Produktionsansatz<\/span>\r\n<h2>Mit Standards Vertrauen schaffen<\/h2>\r\n<p class=\"lead\">Alle unsere Produktionsschritte werden nach den Kriterien von ISO 9001, ISO 14001, ISO 45001, ANSI\/BIFMA, TSE und Domestic Production geplant, durchgef\u00fchrt und aufgezeichnet.<\/p>\r\n<\/div>\r\n<div class=\"rich-text rich-text--dark\">\r\n<p>Dieser Ansatz zielt nicht nur darauf ab, Produkte herzustellen, sondern auch sichere, langlebige und nachhaltige L\u00f6sungen anzubieten. <strong>Jedes Produkt wird durch definierte Prozesse, Messungen und Unternehmensverantwortung unterst\u00fctzt.<\/strong><\/p>\r\n<\/div>\r\n\r\n\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>Menschenorientiertes Design<\/h3>\r\n<p>Wir messen die Bed\u00fcrfnisse der Nutzer, setzen ergonomische Ziele und testen Prototypen in realen Nutzungsszenarien.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">2000+ Personen Testgruppe<\/span>\r\n<span class=\"stat\">15+ ergonomische Parameter<\/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>Qualit\u00e4tssicherung<\/h3>\r\n<p>Wir \u00fcberpr\u00fcfen die Qualit\u00e4t an 27 Kontrollpunkten vom Eingang des Rohmaterials bis zum Versand und korrigieren Abweichungen sofort.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">27 Kontrollpunkte<\/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>Nachhaltigkeit<\/h3>\r\n<p>Wir reduzieren Abf\u00e4lle, bevorzugen wiederverwertbare Materialien und verbessern den Prozess kontinuierlich, um unseren \u00f6kologischen Fu\u00dfabdruck zu verringern.<\/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\">Ziel der Kohlenstoffneutralit\u00e4t<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\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\"Bei der Herstellung eines M\u00f6belst\u00fccks geht es nicht nur darum, die Teile zusammenzusetzen. Jedes Produkt soll eine Erfahrung bieten, die das Leben des Nutzers aufwertet.\"\r\n<\/blockquote>\r\n<cite>- ZIENO Produktionsphilosophie<\/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>Kompromisslose Qualit\u00e4t<\/h4>\r\n<p>Die Qualit\u00e4tsstandards sind ein Minimum; wir \u00fcbertreffen sie stets.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">02<\/span>\r\n<h4>Kontinuierliche Verbesserung<\/h4>\r\n<p>Am Ende jeder Produktion analysieren wir die Daten und verbessern den Prozess f\u00fcr den n\u00e4chsten Zyklus.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">03<\/span>\r\n<h4>Kundenorientierung<\/h4>\r\n<p>Unsere Entscheidungen beruhen auf Nutzerdaten und Nutzungsszenarien.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">04<\/span>\r\n<h4>Technologie-Integration<\/h4>\r\n<p>Wir setzen Technologie nicht aus Gr\u00fcnden der Geschwindigkeit ein, sondern um Fehler zu reduzieren und die Konsistenz zu erh\u00f6hen.<\/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\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\">Unsere Zertifikate<\/span>\r\n<h2 style=\"font-weight: 400;\">Durch Normen validierte Qualit\u00e4t<\/h2>\r\n<p class=\"lead\">Unsere Qualit\u00e4ts-, Arbeitsschutz-, Umwelt- und Zufriedenheitsmanagementprozesse sind durch internationale Standards dokumentiert.<\/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\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n \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\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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=\"Harmonisierung und Standardlogos\">\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=\"Inl\u00e4ndische Produktion\">\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\r\n<section class=\"simple-carousel-section\">\r\n<div class=\"simple-carousel-header\">\r\n<h2>9 Schritte am Flie\u00dfband<\/h2>\r\n<p class=\"carousel-description\">Mit einem halben Jahrhundert Produktionserfahrung, die bis ins Jahr 1976 zur\u00fcckreicht, verbinden wir Qualit\u00e4t, Ergonomie und Technik in jeder Phase vom Entwurf bis zur Auslieferung. Entdecken Sie unseren Produktionsprozess, der den ISO-, BIFMA- und TSE-Normen entspricht.<\/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>Identifizierung von Bed\u00fcrfnissen<\/h3>\r\n<p>Der Weg eines jeden Produkts beginnt mit der Beantwortung der Frage \"f\u00fcr wen und unter welchen Bedingungen?\". Die t\u00e4glichen Erfahrungen des Endnutzers, seine langfristigen Nutzungsgewohnheiten und sein Arbeitsumfeld werden im Detail analysiert.<\/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>Produktdesign<\/h3>\r\n<p>Unser Designansatz basiert auf \u00c4sthetik, Ergonomie und Technik als untrennbare Einheit. Es werden funktionale Prototypen erstellt und reale Nutzungsszenarien simuliert.<\/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 Pr\u00e4ferenz<\/h3>\r\n<p>Die Auswahl der Materialien erfolgt nicht nur nach \u00e4sthetischen Gesichtspunkten, sondern auch nach Kriterien der Gesundheit, Sicherheit und Nachhaltigkeit. Alle Materialien werden auf ihre Konformit\u00e4t mit ISO 14001, ISO 45001 und BIFMA-Leistungskriterien gepr\u00fcft.<\/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>Produktion - Vorbereitung<\/h3>\r\n<p>Der CNC-Gewebeschnitt, die Schwammformung und die Metallvorbereitung werden millimetergenau ausgef\u00fchrt. Beim Kitting sind die f\u00fcr jedes Produkt ben\u00f6tigten Teile bereits aufeinander abgestimmt.<\/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>Produktion - Polsterm\u00f6bel<\/h3>\r\n<p>Das Polstern ist einer der geschicktesten Schritte bei der Herstellung von B\u00fcrost\u00fchlen. Der Stoff wird mit gleichm\u00e4\u00dfiger Spannung auf den Schwamm appretiert. Doppelnadel-, Overlock- und Detailn\u00e4hte werden in industriellen N\u00e4hvorg\u00e4ngen optimiert.<\/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>Produktion - Montage<\/h3>\r\n<p>Die Montagelinie ist nach dem Prinzip der zellularen Produktion organisiert. Bei jedem Schritt f\u00fchren die Bediener Sicht- und Funktionskontrollen durch; fehlende Schrauben, lose Verbindungen oder Ausrichtungsfehler werden sofort behoben.<\/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>Kontrolle Prozess<\/h3>\r\n<p>Jedes fertige Produkt durchl\u00e4uft vor dem Versand einen umfassenden Kontrollprozess. In \u00dcbereinstimmung mit den BIFMA-Pr\u00fcfkriterien werden die Festigkeit, Stabilit\u00e4t und Sicherheit des Produkts bewertet.<\/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>Verpackung<\/h3>\r\n<p>Der Verpackungsprozess wird so geplant, dass Aufprall, Feuchtigkeit und Transportrisiken minimiert werden. Umweltfreundliche Verpackungsl\u00f6sungen werden im Rahmen der ISO 14001 bevorzugt.<\/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>Sendung<\/h3>\r\n<p>Die verpackten Produkte werden im Versandlager auftragsbezogen gruppiert; die R\u00fcckverfolgbarkeit wird durch das Barcode-System gew\u00e4hrleistet. Unser starkes Logistiknetz, das 81 Provinzen in der T\u00fcrkei und mehr als 50 Exportl\u00e4nder umfasst, garantiert eine p\u00fcnktliche Lieferung.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\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\">Warum ZIENO?<\/span>\r\n<h2>Werte, die bei B\u00fcrom\u00f6beln den Unterschied machen<\/h2>\r\n<p class=\"lead\">Mit unserer Erfahrung, die bis ins Jahr 1976 zur\u00fcckreicht, sind wir zum Symbol f\u00fcr Zuverl\u00e4ssigkeit, Qualit\u00e4t und Innovation in der B\u00fcrom\u00f6belbranche geworden. Hier sind unsere Kernwerte, die Sie ZIENO vorziehen lassen.<\/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>Bew\u00e4hrter Qualit\u00e4tsstandard<\/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>Wissenschaftlicher Ergonomie-Ansatz<\/h3>\r\n<p>Dank unserer Ergonomieforschung und Tests mit mehr als 15 Parametern entwickeln wir Produkte, die auch bei langen Arbeitszeiten Komfort bieten.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-user-doctor\"><\/i>Gesundheitsorientiertes 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>\u00dcberlegene Haltbarkeitsgarantie<\/h3>\r\n<p>Mit hochfesten Materialien und getesteten Mechanismen bieten wir jahrelange, st\u00f6rungsfreie Leistung bei intensiver Nutzung.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-clock\"><\/i>10+ Jahre Haltbarkeitsgarantie<\/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>Tief verwurzeltes Vertrauen und Erfahrung<\/h3>\r\n<p>Mit 48 Jahren Produktionserfahrung und einer Lieferhistorie von 81 Provinzen \/ 50+ L\u00e4ndern sind wir ein zuverl\u00e4ssiger Gesch\u00e4ftspartner bei Projekten.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-calendar-check\"><\/i>Zuverl\u00e4ssig seit 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>Umfassende Kundenbetreuung<\/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 ununterbrochener Support<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\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=\"Schlie\u00dfen Sie\">\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\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\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 \r\n <div class=\"zieno-contact-info\">\r\n <h2>Kontakt<\/h2>\r\n <p>Kontaktieren Sie uns f\u00fcr Ihre Projekte, Fragen oder Kooperationsangebote. Unser Expertenteam wird sich so schnell wie m\u00f6glich mit Ihnen in Verbindung setzen.<\/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>E-Mail<\/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>Telefon<\/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>Adresse<\/h4>\r\n <p>Istanbul, T\u00fcrkei<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"zieno-glass-form\">\r\n <h3>Kontakt-Formular<\/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 Nachname <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Ihr Name und Nachname\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>E-Mail <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>Telefon <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XXX XX XX\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Thema<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">Allgemeine Informationen<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">Produktanfrage<\/option>\r\n <option value=\"Proje Teklifi\">Vorschlag f\u00fcr ein Projekt<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After-Sales-Unterst\u00fctzung<\/option>\r\n <option value=\"\u0130hracat\">Exportieren<\/option>\r\n <option value=\"Di\u011fer\">Andere<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>Ihre Nachricht <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"Schreiben Sie hier Ihre Nachricht...\" 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>Senden Sie<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/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 […]<\/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\/de\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nZIENO Produktionsprozess | Qualit\u00e4t B\u00fcrom\u00f6belproduktion<\/title>\r\n\r\n\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\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\r\n\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\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>Produktion<\/h1>\r\n<p>Unser Produktionsprozess besteht aus 9 klaren Schritten: Bedarfsermittlung, Entwurf, Herstellung, Kontrolle und Versand.<br>Wir wenden bei jedem Schritt Ergonomie-, Qualit\u00e4ts- und Nachhaltigkeitskriterien an.<br><br>Wir messen, protokollieren und sichern den Prozess mit ISO-, BIFMA-, TSE- und inl\u00e4ndischen Produktionsstandards.<\/p>\r\n<div class=\"hero-actions\">\r\n<a class=\"btn primary\" href=\"#manufacturing\"><i class=\"fa-solid fa-play\"><\/i>\u00dcberwachung des Produktionsprozesses<\/a>\r\n<a class=\"btn ghost\" href=\"#cta\"><i class=\"fa-solid fa-envelope\"><\/i>Angebot erhalten<\/a>\r\n<\/div>\r\n<div class=\"hero-stats\">\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Bereich der Einrichtung<\/div>\r\n<div class=\"stat-number\">4.000 m\u00b2<\/div>\r\n<div class=\"stat-desc\">Innenbereich<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">T\u00e4gliche Kapazit\u00e4t<\/div>\r\n<div class=\"stat-number\">50+<\/div>\r\n<div class=\"stat-desc\">Mengenproduktion<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Verh\u00e4ltnis der Qualit\u00e4t<\/div>\r\n<div class=\"stat-number\">%98<\/div>\r\n<div class=\"stat-desc\">Standardeinhaltung<\/div>\r\n<\/div>\r\n<div class=\"stat-card\">\r\n<div class=\"stat-label\">Erleben Sie<\/div>\r\n<div class=\"stat-number\">1976<\/div>\r\n<div class=\"stat-desc\">'Produktion seit<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\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\">Unser Produktionsansatz<\/span>\r\n<h2>Mit Standards Vertrauen schaffen<\/h2>\r\n<p class=\"lead\">Alle unsere Produktionsschritte werden nach den Kriterien von ISO 9001, ISO 14001, ISO 45001, ANSI\/BIFMA, TSE und Domestic Production geplant, durchgef\u00fchrt und aufgezeichnet.<\/p>\r\n<\/div>\r\n<div class=\"rich-text rich-text--dark\">\r\n<p>Dieser Ansatz zielt nicht nur darauf ab, Produkte herzustellen, sondern auch sichere, langlebige und nachhaltige L\u00f6sungen anzubieten. <strong>Jedes Produkt wird durch definierte Prozesse, Messungen und Unternehmensverantwortung unterst\u00fctzt.<\/strong><\/p>\r\n<\/div>\r\n\r\n\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>Menschenorientiertes Design<\/h3>\r\n<p>Wir messen die Bed\u00fcrfnisse der Nutzer, setzen ergonomische Ziele und testen Prototypen in realen Nutzungsszenarien.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">2000+ Personen Testgruppe<\/span>\r\n<span class=\"stat\">15+ ergonomische Parameter<\/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>Qualit\u00e4tssicherung<\/h3>\r\n<p>Wir \u00fcberpr\u00fcfen die Qualit\u00e4t an 27 Kontrollpunkten vom Eingang des Rohmaterials bis zum Versand und korrigieren Abweichungen sofort.<\/p>\r\n<div class=\"principle-stats\">\r\n<span class=\"stat\">27 Kontrollpunkte<\/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>Nachhaltigkeit<\/h3>\r\n<p>Wir reduzieren Abf\u00e4lle, bevorzugen wiederverwertbare Materialien und verbessern den Prozess kontinuierlich, um unseren \u00f6kologischen Fu\u00dfabdruck zu verringern.<\/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\">Ziel der Kohlenstoffneutralit\u00e4t<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\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\"Bei der Herstellung eines M\u00f6belst\u00fccks geht es nicht nur darum, die Teile zusammenzusetzen. Jedes Produkt soll eine Erfahrung bieten, die das Leben des Nutzers aufwertet.\"\r\n<\/blockquote>\r\n<cite>- ZIENO Produktionsphilosophie<\/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>Kompromisslose Qualit\u00e4t<\/h4>\r\n<p>Die Qualit\u00e4tsstandards sind ein Minimum; wir \u00fcbertreffen sie stets.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">02<\/span>\r\n<h4>Kontinuierliche Verbesserung<\/h4>\r\n<p>Am Ende jeder Produktion analysieren wir die Daten und verbessern den Prozess f\u00fcr den n\u00e4chsten Zyklus.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">03<\/span>\r\n<h4>Kundenorientierung<\/h4>\r\n<p>Unsere Entscheidungen beruhen auf Nutzerdaten und Nutzungsszenarien.<\/p>\r\n<\/div>\r\n<div class=\"pillar\">\r\n<span class=\"pillar-number\">04<\/span>\r\n<h4>Technologie-Integration<\/h4>\r\n<p>Wir setzen Technologie nicht aus Gr\u00fcnden der Geschwindigkeit ein, sondern um Fehler zu reduzieren und die Konsistenz zu erh\u00f6hen.<\/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\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\">Unsere Zertifikate<\/span>\r\n<h2 style=\"font-weight: 400;\">Durch Normen validierte Qualit\u00e4t<\/h2>\r\n<p class=\"lead\">Unsere Qualit\u00e4ts-, Arbeitsschutz-, Umwelt- und Zufriedenheitsmanagementprozesse sind durch internationale Standards dokumentiert.<\/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\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n \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\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\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=\"Harmonisierung und Standardlogos\">\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=\"Inl\u00e4ndische Produktion\">\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\r\n<section class=\"simple-carousel-section\">\r\n<div class=\"simple-carousel-header\">\r\n<h2>9 Schritte am Flie\u00dfband<\/h2>\r\n<p class=\"carousel-description\">Mit einem halben Jahrhundert Produktionserfahrung, die bis ins Jahr 1976 zur\u00fcckreicht, verbinden wir Qualit\u00e4t, Ergonomie und Technik in jeder Phase vom Entwurf bis zur Auslieferung. Entdecken Sie unseren Produktionsprozess, der den ISO-, BIFMA- und TSE-Normen entspricht.<\/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>Identifizierung von Bed\u00fcrfnissen<\/h3>\r\n<p>Der Weg eines jeden Produkts beginnt mit der Beantwortung der Frage \"f\u00fcr wen und unter welchen Bedingungen?\". Die t\u00e4glichen Erfahrungen des Endnutzers, seine langfristigen Nutzungsgewohnheiten und sein Arbeitsumfeld werden im Detail analysiert.<\/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>Produktdesign<\/h3>\r\n<p>Unser Designansatz basiert auf \u00c4sthetik, Ergonomie und Technik als untrennbare Einheit. Es werden funktionale Prototypen erstellt und reale Nutzungsszenarien simuliert.<\/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 Pr\u00e4ferenz<\/h3>\r\n<p>Die Auswahl der Materialien erfolgt nicht nur nach \u00e4sthetischen Gesichtspunkten, sondern auch nach Kriterien der Gesundheit, Sicherheit und Nachhaltigkeit. Alle Materialien werden auf ihre Konformit\u00e4t mit ISO 14001, ISO 45001 und BIFMA-Leistungskriterien gepr\u00fcft.<\/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>Produktion - Vorbereitung<\/h3>\r\n<p>Der CNC-Gewebeschnitt, die Schwammformung und die Metallvorbereitung werden millimetergenau ausgef\u00fchrt. Beim Kitting sind die f\u00fcr jedes Produkt ben\u00f6tigten Teile bereits aufeinander abgestimmt.<\/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>Produktion - Polsterm\u00f6bel<\/h3>\r\n<p>Das Polstern ist einer der geschicktesten Schritte bei der Herstellung von B\u00fcrost\u00fchlen. Der Stoff wird mit gleichm\u00e4\u00dfiger Spannung auf den Schwamm appretiert. Doppelnadel-, Overlock- und Detailn\u00e4hte werden in industriellen N\u00e4hvorg\u00e4ngen optimiert.<\/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>Produktion - Montage<\/h3>\r\n<p>Die Montagelinie ist nach dem Prinzip der zellularen Produktion organisiert. Bei jedem Schritt f\u00fchren die Bediener Sicht- und Funktionskontrollen durch; fehlende Schrauben, lose Verbindungen oder Ausrichtungsfehler werden sofort behoben.<\/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>Kontrolle Prozess<\/h3>\r\n<p>Jedes fertige Produkt durchl\u00e4uft vor dem Versand einen umfassenden Kontrollprozess. In \u00dcbereinstimmung mit den BIFMA-Pr\u00fcfkriterien werden die Festigkeit, Stabilit\u00e4t und Sicherheit des Produkts bewertet.<\/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>Verpackung<\/h3>\r\n<p>Der Verpackungsprozess wird so geplant, dass Aufprall, Feuchtigkeit und Transportrisiken minimiert werden. Umweltfreundliche Verpackungsl\u00f6sungen werden im Rahmen der ISO 14001 bevorzugt.<\/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>Sendung<\/h3>\r\n<p>Die verpackten Produkte werden im Versandlager auftragsbezogen gruppiert; die R\u00fcckverfolgbarkeit wird durch das Barcode-System gew\u00e4hrleistet. Unser starkes Logistiknetz, das 81 Provinzen in der T\u00fcrkei und mehr als 50 Exportl\u00e4nder umfasst, garantiert eine p\u00fcnktliche Lieferung.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\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\">Warum ZIENO?<\/span>\r\n<h2>Werte, die bei B\u00fcrom\u00f6beln den Unterschied machen<\/h2>\r\n<p class=\"lead\">Mit unserer Erfahrung, die bis ins Jahr 1976 zur\u00fcckreicht, sind wir zum Symbol f\u00fcr Zuverl\u00e4ssigkeit, Qualit\u00e4t und Innovation in der B\u00fcrom\u00f6belbranche geworden. Hier sind unsere Kernwerte, die Sie ZIENO vorziehen lassen.<\/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>Bew\u00e4hrter Qualit\u00e4tsstandard<\/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>Wissenschaftlicher Ergonomie-Ansatz<\/h3>\r\n<p>Dank unserer Ergonomieforschung und Tests mit mehr als 15 Parametern entwickeln wir Produkte, die auch bei langen Arbeitszeiten Komfort bieten.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-user-doctor\"><\/i>Gesundheitsorientiertes 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>\u00dcberlegene Haltbarkeitsgarantie<\/h3>\r\n<p>Mit hochfesten Materialien und getesteten Mechanismen bieten wir jahrelange, st\u00f6rungsfreie Leistung bei intensiver Nutzung.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-clock\"><\/i>10+ Jahre Haltbarkeitsgarantie<\/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>Tief verwurzeltes Vertrauen und Erfahrung<\/h3>\r\n<p>Mit 48 Jahren Produktionserfahrung und einer Lieferhistorie von 81 Provinzen \/ 50+ L\u00e4ndern sind wir ein zuverl\u00e4ssiger Gesch\u00e4ftspartner bei Projekten.<\/p>\r\n<div class=\"reason-tag\"><i class=\"fa-solid fa-calendar-check\"><\/i>Zuverl\u00e4ssig seit 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>Umfassende Kundenbetreuung<\/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 ununterbrochener Support<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\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=\"Schlie\u00dfen Sie\">\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\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\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 \r\n <div class=\"zieno-contact-info\">\r\n <h2>Kontakt<\/h2>\r\n <p>Kontaktieren Sie uns f\u00fcr Ihre Projekte, Fragen oder Kooperationsangebote. Unser Expertenteam wird sich so schnell wie m\u00f6glich mit Ihnen in Verbindung setzen.<\/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>E-Mail<\/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>Telefon<\/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>Adresse<\/h4>\r\n <p>Istanbul, T\u00fcrkei<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"zieno-glass-form\">\r\n <h3>Kontakt-Formular<\/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 Nachname <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Ihr Name und Nachname\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>E-Mail <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>Telefon <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XXX XX XX\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Thema<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">Allgemeine Informationen<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">Produktanfrage<\/option>\r\n <option value=\"Proje Teklifi\">Vorschlag f\u00fcr ein Projekt<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After-Sales-Unterst\u00fctzung<\/option>\r\n <option value=\"\u0130hracat\">Exportieren<\/option>\r\n <option value=\"Di\u011fer\">Andere<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>Ihre Nachricht <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"Schreiben Sie hier Ihre Nachricht...\" 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>Senden Sie<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/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 […]<\/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\/de\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}