About Us | ZIENO - Modern Office Furniture<\/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.1\/css\/all.min.css\">\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\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: #fafafa;\r\n--text: #1a1a1a;\r\n--muted: #5a5a5a;\r\n--card: #ffffff;\r\n--line: rgba(0,0,0,0.08);\r\n--accent: #1a1a1a;\r\n--accent-soft: #f4f4f4;\r\n--shadow-xs: 0 1px 2px rgba(0,0,0,0.04);\r\n--shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\r\n--shadow-md: 0 4px 20px rgba(0,0,0,0.08);\r\n--shadow-lg: 0 8px 32px rgba(0,0,0,0.12);\r\n--shadow-xl: 0 16px 48px rgba(0,0,0,0.15);\r\n}\r\n\r\n*, *::before, *::after {\r\nbox-sizing: border-box;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n\r\nhtml {\r\nscroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\nbackground: var(--bg);\r\ncolor: var(--text);\r\nline-height: 1.7;\r\n-webkit-font-smoothing: antialiased;\r\n-moz-osx-font-smoothing: grayscale;\r\noverflow-x: hidden;\r\n}\r\n\r\n.container {\r\nmax-width: 1360px;\r\nmargin: 0 auto;\r\npadding: 0 32px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.container {\r\npadding: 0 20px;\r\n}\r\n}\r\n\r\n\/* ============================================\r\n HERO SECTION\r\n============================================ *\/\r\n.hero {\r\nposition: relative;\r\nheight: 800px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\noverflow: hidden;\r\nbackground: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero {\r\nheight: auto;\r\nmin-height: 100vh;\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.hero-video {\r\nposition: absolute;\r\ninset: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nopacity: 1;\r\nfilter: blur(8px);\r\n}\r\n\r\n.hero::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: rgba(0,0,0,0.3);\r\nz-index: 1;\r\n}\r\n\r\n.hero-content {\r\nposition: relative;\r\nz-index: 10;\r\ntext-align: center;\r\nmax-width: 1400px;\r\nwidth: 100%;\r\npadding: 60px 24px;\r\nmargin: 0 auto;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n}\r\n\r\n.hero h1 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(52px, 7vw, 72px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 32px;\r\nline-height: 1.1;\r\ncolor: #ffffff;\r\ntext-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero p {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: rgba(255,255,255,0.88);\r\nmax-width: 720px;\r\nmargin: 0 auto 48px;\r\nline-height: 1.75;\r\nfont-weight: 400;\r\ntext-shadow: 0 1px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero-actions {\r\ndisplay: none;\r\n}\r\n\r\n.hero-stats {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 18px;\r\nmargin-top: 48px;\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: 14px;\r\n}\r\n}\r\n\r\n.hero-stat {\r\nbackground: #fff;\r\nborder: 1px solid rgba(0,0,0,0.06);\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\r\n.hero-stat:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-stat-label {\r\nfont-size: 12px;\r\nletter-spacing: 0.14em;\r\ntext-transform: uppercase;\r\ncolor: #666;\r\nmargin-bottom: 10px;\r\ndisplay: block;\r\n}\r\n\r\n.hero-stat-number {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 34px;\r\nfont-weight: 400;\r\ndisplay: block;\r\nline-height: 1.1;\r\nmargin-bottom: 6px;\r\ncolor: #1a1a1a;\r\n}\r\n\r\n.hero-stat-desc {\r\nmargin: 0;\r\ncolor: #666;\r\nfont-size: 13px;\r\nline-height: 1.2;\r\ndisplay: block;\r\n}\r\n\r\n.btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\npadding: 15px 32px;\r\nborder-radius: 8px;\r\ntext-decoration: none;\r\nfont-weight: 500;\r\nfont-size: 14px;\r\ntransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\ncursor: pointer;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.btn::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);\r\nopacity: 0;\r\ntransition: opacity 0.3s ease;\r\n}\r\n\r\n.btn:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.btn.primary {\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.15);\r\n}\r\n\r\n.btn.primary:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.25);\r\n}\r\n\r\n.btn.ghost {\r\nbackground: rgba(255,255,255,0.1);\r\ncolor: #fff;\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.35);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================\r\n STATS SECTION\r\n============================================ *\/\r\n.stats {\r\npadding: 110px 0;\r\nbackground: linear-gradient(135deg, #ffffff 0%, #f8f8f8 50%, #fafafa 100%);\r\nposition: relative;\r\n}\r\n\r\n.stats::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.stats::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(0,0,0,0.01) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(0,0,0,0.01) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.stats-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\ngap: 60px;\r\n}\r\n\r\n.stat-item {\r\ntext-align: center;\r\nposition: relative;\r\npadding: 32px 24px;\r\nborder-radius: 16px;\r\ntransition: all 0.4s ease;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.06);\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n}\r\n\r\n.stat-item::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, transparent 100%);\r\nborder-radius: 16px;\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.stat-item:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.1);\r\n}\r\n\r\n.stat-number {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(42px, 5vw, 56px);\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nmargin-bottom: 12px;\r\ndisplay: block;\r\nletter-spacing: -0.02em;\r\nline-height: 1;\r\n}\r\n\r\n.stat-label {\r\nfont-size: 11px;\r\ncolor: #5a5a5a;\r\nfont-weight: 500;\r\nletter-spacing: 0.01em;\r\ntext-transform: uppercase;\r\n}\r\n\r\n\/* ============================================\r\n SECTION STYLES\r\n============================================ *\/\r\n.section {\r\npadding: 120px 0;\r\nposition: relative;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.section {\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.section-alt {\r\nbackground: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\r\nposition: relative;\r\n}\r\n\r\n.section-alt::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.section-dark {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);\r\ncolor: #ffffff;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.section-dark::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(255,255,255,0.03) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.section-dark .section-header-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .icon-decoration {\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .icon-decoration svg {\r\nstroke: #ffffff;\r\n}\r\n\r\n.section-dark h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark .section-header-content h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .section-header-content p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .content-text {\r\ncolor: rgba(255,255,255,0.85);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .content-text strong {\r\ncolor: #ffffff;\r\nfont-weight: 600;\r\n}\r\n\r\n.section-dark .card {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.section-dark .card:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .card::before {\r\nbackground: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.8) 100%);\r\n}\r\n\r\n.section-dark .card-icon {\r\nbackground: rgba(255,255,255,0.12);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .card:hover .card-icon {\r\nbackground: #ffffff;\r\ncolor: #1a1a1a;\r\nborder-color: #ffffff;\r\n}\r\n\r\n.section-dark .card h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .card p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .timeline::before {\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nrgba(255,255,255,0.1) 5%,\r\nrgba(255,255,255,0.3) 50%,\r\nrgba(255,255,255,0.1) 95%,\r\ntransparent 100%);\r\n}\r\n\r\n.section-dark .timeline-year {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline-dark {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(255, 255, 255, 0), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\nanimation: pulse-timeline-dark 2s infinite;\r\n}\r\n\r\n.section-dark .timeline-content {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .timeline-content::before {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-content p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .stat-item {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.section-dark .stat-item:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.section-dark .stat-item::before {\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%);\r\n}\r\n\r\n.section-dark .stat-number {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .stat-label {\r\ncolor: rgba(255,255,255,0.7);\r\n}\r\n\r\n.section-header {\r\nmax-width: 860px;\r\nmargin: 0 auto 80px;\r\nposition: relative;\r\n}\r\n\r\n.section-header-wrapper {\r\ndisplay: flex;\r\ngap: 24px;\r\nalign-items: flex-start;\r\n}\r\n\r\n.section-header .icon-decoration {\r\nflex-shrink: 0;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 52px;\r\nheight: 52px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\nmargin-top: 8px;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n}\r\n\r\n.section-header .icon-decoration svg {\r\nwidth: 26px;\r\nheight: 26px;\r\nstroke: var(--accent);\r\nstroke-width: 1.5;\r\n}\r\n\r\n.section-header-content {\r\nflex: 1;\r\n}\r\n\r\n.section h2 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(36px, 5vw, 52px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 24px;\r\ncolor: #1a1a1a;\r\nline-height: 1.2;\r\n}\r\n\r\n.section p.lead {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: #5a5a5a;\r\nline-height: 1.7;\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CONTENT\r\n============================================ *\/\r\n.content-block {\r\nmax-width: 960px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.content-text {\r\nfont-size: 16px;\r\nline-height: 1.8;\r\ncolor: #5a5a5a;\r\n}\r\n\r\n.content-text p {\r\nmargin-bottom: 26px;\r\n}\r\n\r\n.content-text p:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.content-text strong {\r\ncolor: #1a1a1a;\r\nfont-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n CARDS\r\n============================================ *\/\r\n.cards-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\ngap: 36px;\r\n}\r\n\r\n.card {\r\nbackground: #ffffff;\r\npadding: 48px 40px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, var(--accent) 0%, #666 100%);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\ntransition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card:hover::before {\r\ntransform: scaleX(1);\r\n}\r\n\r\n.card:hover {\r\ntransform: translateY(-6px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.card-icon {\r\nwidth: 64px;\r\nheight: 64px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 26px;\r\ncolor: var(--accent);\r\nmargin-bottom: 28px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nbox-shadow: 0 2px 6px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card:hover .card-icon {\r\nbackground: linear-gradient(135deg, var(--accent) 0%, #333 100%);\r\ncolor: #fff;\r\ntransform: scale(1.05) rotate(-3deg);\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.card h3 {\r\nfont-size: 22px;\r\nfont-weight: 600;\r\nmargin-bottom: 14px;\r\ncolor: #1a1a1a;\r\nline-height: 1.3;\r\n}\r\n\r\n.card p {\r\nfont-size: 15px;\r\nline-height: 1.75;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n TIMELINE\r\n============================================ *\/\r\n.timeline {\r\nmax-width: 1100px;\r\nmargin: 0 auto;\r\nposition: relative;\r\npadding: 40px 0;\r\n}\r\n\r\n.timeline::before {\r\ncontent: '';\r\nposition: absolute;\r\nleft: 50%;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: 2px;\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nvar(--line) 5%,\r\n#1a1a1a 50%,\r\nvar(--line) 95%,\r\ntransparent 100%);\r\ntransform: translateX(-50%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline::before {\r\nleft: 24px;\r\n}\r\n}\r\n\r\n.timeline-item {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\nmargin-bottom: 80px;\r\nposition: relative;\r\n}\r\n\r\n.timeline-item:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) {\r\nflex-direction: row;\r\n}\r\n\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row-reverse;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-item,\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row;\r\npadding-left: 70px;\r\n}\r\n}\r\n\r\n.timeline-year {\r\nflex: 0 0 160px;\r\ntext-align: center;\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 38px;\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nposition: relative;\r\nz-index: 2;\r\npadding-top: 12px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(26, 26, 26, 0.4), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(26, 26, 26, 0), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-year {\r\nflex: 0 0 auto;\r\nposition: absolute;\r\nleft: 0;\r\nfont-size: 28px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n}\r\n\r\n.timeline-content {\r\nflex: 1;\r\nbackground: #ffffff;\r\npadding: 38px 36px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\nmargin: 0 36px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.08);\r\n}\r\n\r\n.timeline-content::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 24px;\r\nwidth: 12px;\r\nheight: 12px;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\ntransform: rotate(45deg);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.04);\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content {\r\nmargin-left: 36px;\r\nmargin-right: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin-right: 36px;\r\nmargin-left: 0;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nright: -6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-content,\r\n.timeline-item:nth-child(odd) .timeline-content,\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin: 0;\r\n}\r\n.timeline-content::before,\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n}\r\n\r\n.timeline-content:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.timeline-content h3 {\r\nfont-size: 20px;\r\nfont-weight: 600;\r\nmargin-bottom: 12px;\r\ncolor: #1a1a1a;\r\nline-height: 1.4;\r\n}\r\n\r\n.timeline-content p {\r\nfont-size: 15px;\r\nline-height: 1.7;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n QUOTE\r\n============================================ *\/\r\n.quote-section-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-box {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\npadding: 64px 56px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder-radius: 20px;\r\nborder: 1px solid rgba(255,255,255,0.15);\r\ntext-align: center;\r\nposition: relative;\r\nbox-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\nbackdrop-filter: blur(20px);\r\n}\r\n\r\n.quote-box::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -1px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nwidth: 100px;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\r\nborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.quote-box::after {\r\ncontent: '\"';\r\nposition: absolute;\r\ntop: 24px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 100px;\r\ncolor: rgba(255,255,255,0.08);\r\nline-height: 1;\r\nz-index: 0;\r\n}\r\n\r\n.quote-text {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.8vw, 26px);\r\nline-height: 1.65;\r\ncolor: #ffffff;\r\nfont-weight: 400;\r\nmargin-bottom: 40px;\r\nfont-style: italic;\r\nposition: relative;\r\nz-index: 1;\r\ntext-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.quote-author {\r\npadding-top: 32px;\r\nborder-top: 1px solid rgba(255,255,255,0.15);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-author-name {\r\nfont-size: 18px;\r\nfont-weight: 600;\r\ncolor: #ffffff;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.quote-author-title {\r\nfont-size: 14px;\r\ncolor: rgba(255,255,255,0.85);\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CTA\r\n============================================ *\/\r\n.cta {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\r\ncolor: #fff;\r\npadding: 80px 60px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-xl);\r\n}\r\n\r\n.cta::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\r\nradial-gradient(circle at 80% 50%, rgba(255,255,255,0.06) 0%, transparent 50%);\r\n}\r\n\r\n.cta::after {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);\r\n}\r\n\r\n.cta h3 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(32px, 4.5vw, 44px);\r\nfont-weight: 400;\r\nmargin-bottom: 22px;\r\nline-height: 1.3;\r\nletter-spacing: -0.02em;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.cta p {\r\nfont-size: clamp(15px, 2vw, 17px);\r\nmax-width: 720px;\r\nmargin: 0 auto 44px;\r\nopacity: 0.9;\r\nline-height: 1.75;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: rgba(255,255,255,0.9) !important;\r\n}\r\n\r\n.cta-actions {\r\ndisplay: flex !important;\r\ngap: 16px;\r\njustify-content: center;\r\nflex-wrap: wrap;\r\nposition: relative;\r\nz-index: 10;\r\nvisibility: visible;\r\nopacity: 1;\r\n}\r\n\r\n.cta .btn.primary {\r\nbackground: #fff !important;\r\ncolor: var(--accent) !important;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.2);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.primary:hover {\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.3);\r\n}\r\n\r\n.cta .btn.ghost {\r\nbackground: rgba(255,255,255,0.1) !important;\r\ncolor: #fff !important;\r\nborder: 1px solid rgba(255,255,255,0.25) !important;\r\nbackdrop-filter: blur(10px);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.18);\r\nborder-color: rgba(255,255,255,0.4);\r\n}\r\n\r\n\/* CTA Form *\/\r\n.cta-form-wrapper {\r\nbackground: rgba(255,255,255,0.05);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(255,255,255,0.1);\r\nborder-radius: 16px;\r\npadding: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-wrapper {\r\npadding: 30px 24px;\r\nborder-radius: 12px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.cta-form-wrapper {\r\npadding: 24px 20px;\r\n}\r\n}\r\n\r\n.cta-form-title {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.5vw, 24px);\r\nfont-weight: 400;\r\nmargin: 0 0 24px;\r\ncolor: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-title {\r\nmargin-bottom: 20px;\r\n}\r\n}\r\n\r\n.cta-form {\r\ndisplay: grid;\r\ngap: 16px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form {\r\ngap: 14px;\r\n}\r\n}\r\n\r\n.cta-form-group {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 8px;\r\n}\r\n\r\n.cta-form-group label {\r\nfont-size: clamp(12px, 1.5vw, 13px);\r\nfont-weight: 500;\r\ncolor: rgba(255,255,255,0.8);\r\ntext-transform: uppercase;\r\nletter-spacing: 0.05em;\r\n}\r\n\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\nwidth: 100%;\r\npadding: 14px 18px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nborder-radius: 8px;\r\ncolor: #fff;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\npadding: 12px 16px;\r\n}\r\n}\r\n\r\n.cta-form-group input::placeholder,\r\n.cta-form-group textarea::placeholder {\r\ncolor: rgba(255,255,255,0.5);\r\n}\r\n\r\n.cta-form-group input:focus,\r\n.cta-form-group textarea:focus {\r\noutline: none;\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.4);\r\nbox-shadow: 0 0 0 3px rgba(255,255,255,0.1);\r\n}\r\n\r\n.cta-form-group textarea {\r\nresize: vertical;\r\nmin-height: 100px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group textarea {\r\nmin-height: 80px;\r\n}\r\n}\r\n\r\n.cta-form-submit {\r\nmargin-top: 8px;\r\npadding: 14px 28px;\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nborder: none;\r\nborder-radius: 8px;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-weight: 600;\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nwidth: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-submit {\r\npadding: 12px 24px;\r\n}\r\n}\r\n\r\n.cta-form-submit:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 24px rgba(255,255,255,0.2);\r\n}\r\n\r\n.cta-form-submit:active {\r\ntransform: translateY(0);\r\n}\r\n\r\n.cta-form-submit:disabled {\r\nopacity: 0.6;\r\ncursor: not-allowed;\r\n}\r\n\r\n\/* ============================================\r\n UTILITIES\r\n============================================ *\/\r\n\r\n\/* ============================================\r\n RESPONSIVE\r\n============================================ *\/\r\n@media (max-width: 768px) {\r\n.hero {\r\nmin-height: 75vh;\r\n}\r\n\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n\r\n.stats {\r\npadding: 70px 0;\r\n}\r\n\r\n.stats-grid {\r\ngap: 48px;\r\n}\r\n\r\n.cards-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 28px;\r\n}\r\n\r\n.quote-box {\r\npadding: 48px 32px;\r\n}\r\n\r\n.cta {\r\npadding: 60px 32px;\r\n}\r\n\r\n.cta > div[style*=\"grid\"] {\r\ngrid-template-columns: 1fr !important;\r\ngap: 30px !important;\r\n}\r\n\r\n}\r\n\r\n\/* ============================================\r\n ANIMATIONS\r\n============================================ *\/\r\n@keyframes fadeIn {\r\nfrom {\r\nopacity: 0;\r\n}\r\nto {\r\nopacity: 1;\r\n}\r\n}\r\n\r\n@keyframes slideUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n*, *::before, *::after {\r\nanimation-duration: 0.01ms !important;\r\nanimation-iteration-count: 1 !important;\r\ntransition-duration: 0.01ms !important;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n<video class=\"hero-video\" autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Business_Meeting_Meeting_1280x720-Trim.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"hero-content\">\r\n<h1 data-aos=\"fade-up\">About Us<\/h1>\r\n<p data-aos=\"fade-up\" data-aos-delay=\"100\">\r\nZIENO produces premium office furniture with half a century of production experience since 1976. We reshape workspaces with modern design, quality and ergonomics.\r\n<\/p>\r\n\r\n<div class=\"hero-stats\">\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Years of Experience<\/div>\r\n<div class=\"hero-stat-number\">50+<\/div>\r\n<div class=\"hero-stat-desc\">years of experience<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Happy Customer<\/div>\r\n<div class=\"hero-stat-number\">100K+<\/div>\r\n<div class=\"hero-stat-desc\">satisfied customer<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Satisfaction<\/div>\r\n<div class=\"hero-stat-number\">95%<\/div>\r\n<div class=\"hero-stat-desc\">satisfaction rate<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Project<\/div>\r\n<div class=\"hero-stat-number\">150K+<\/div>\r\n<div class=\"hero-stat-desc\">completed project<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"section\" id=\"hikaye\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"building-2\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Half a Century of Production Heritage<\/h2>\r\n<p class=\"lead\">\r\nWith 50 years of manufacturing experience dating back to 1976, we produce premium office furniture by combining quality, design and ergonomics. With our 4,000 m\u00b2 production facility in Istanbul and our expert team, we aim for perfection in every project.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\n<strong>ZIENO<\/strong>, is rooted in the foundation of <strong>Hamle Office Furniture<\/strong> is a modern office furniture brand that combines design and engineering, positioned in the premium segment, drawing on its strong manufacturing heritage. Headquartered in Istanbul <strong>4.000 m\u00b2 production facility<\/strong>, With our advanced technology machine park and expert design-production team; we develop products that center on qualified workmanship, sustainable material use and long-lasting structure.\r\n<\/p>\r\n<p>\r\nOur product portfolio of executive chairs, task chairs, guest chairs, sofas and complementary office solutions; <strong>balanced combination of ergonomics, aesthetics and functionality<\/strong> is built upon. In addition to our standard collections, we develop special furniture projects for institutions; we manage the design, production and assembly processes with an end-to-end, professional approach.\r\n<\/p>\r\n<p>\r\n<strong>ZIENO's main objective<\/strong>; By accurately analyzing the changing needs of modern business life, the user <strong>maximum comfort<\/strong>, to institutions <strong>long-term value<\/strong> and places <strong>an original character<\/strong> to produce furniture that saves money.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-dark\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"palette\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Design Philosophy<\/h2>\r\n<p class=\"lead\">\r\nWith our design approach based on simple lines, timeless forms and ergonomic structure that prioritizes user experience, we offer comfort to employees, prestige to managers and a strong corporate stance to brands while providing aesthetic integrity in office spaces.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\nZIENO's design language is built on simple lines, timeless forms and ergonomic structure that prioritizes user experience. Each of our products creates an aesthetic integrity in office spaces, offering comfort to employees, prestige to managers and a strong corporate stance to brands.\r\n<\/p>\r\n<p>\r\nAs well as collection production; <strong>corporate offices, hotels, architecture offices and large-scale enterprises<\/strong> We develop special furniture projects for our customers. We manage the entire process including material selection, prototyping, production, logistics and assembly from a single center in a transparent and controlled manner.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"target\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Mission & Vision<\/h2>\r\n<p class=\"lead\">\r\nTo produce furniture that provides maximum comfort to users, long-term value to organizations and a unique character to spaces by analyzing the changing needs of modern business life. To become a globally recognized leading brand among Turkey's premium office furniture brands.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-bullseye\"><\/i>\r\n<\/div>\r\n<h3>Our Mission<\/h3>\r\n<p>\r\nTo produce long-lasting and characterful furniture that redefines office living spaces with a focus on ergonomics, quality and design.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-eye\"><\/i>\r\n<\/div>\r\n<h3>Our Vision<\/h3>\r\n<p>\r\nTo become a globally recognized, design-oriented, innovative and sustainable leading brand among Turkey's premium office furniture brands.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-alt\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"heart-handshake\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Values<\/h2>\r\n<p class=\"lead\">\r\nWith our values of quality and excellence, reliability and honesty, safety and well-being; we produce reliable, long-lasting solutions with the highest level of material selection, precision workmanship and durable mechanisms.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-award\"><\/i>\r\n<\/div>\r\n<h3>Quality & Excellence<\/h3>\r\n<p>\r\nWe produce with the highest level of material selection, precision workmanship and durable mechanisms. Every ZIENO product is designed in accordance with international quality standards and undergoes rigorous control processes.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-handshake\"><\/i>\r\n<\/div>\r\n<h3>Reliability & Honesty<\/h3>\r\n<p>\r\nWe establish transparent, consistent and trust-based relationships with our customers and business partners in all processes. We fulfill our promised quality and delivery times and offer a reliable workflow in every project.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-shield-halved\"><\/i>\r\n<\/div>\r\n<h3>Safety & Well-being<\/h3>\r\n<p>\r\nWith our ergonomics-centered design approach, we develop solutions that support the physical and mental comfort of users. We aim for healthy office environments with safe production standards and user-friendly mechanisms.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"calendar-clock\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Journey Through the Years<\/h2>\r\n<p class=\"lead\">\r\nOur journey from the establishment of Hamle Ofis in 1976 to the birth of the ZIENO brand in 2023 is the story of our focus on continuous improvement in quality, design and production. By aiming for the better at every step, we have become a modern brand positioned in the premium segment today.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"timeline\">\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1976<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Establishment of Hamle Ofis<\/h3>\r\n<p>\r\nFounded to specialize in the furniture sector, Hamle Ofis laid the foundations of quality workmanship approach with its workshop-scale production structure.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1995<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Transition to Modern Production Processes<\/h3>\r\n<p>\r\nIn line with the expanding product range and increasing demand, the production line was renewed; the machine park was modernized and higher capacity and precision production standards were ensured.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2012<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Focus on Corporate Project Solutions<\/h3>\r\n<p>\r\nSpecial furniture projects have started to be developed for hotels, business centers and large-scale institutions. Hamle Ofis differentiated itself in the sector by specializing in project-based production.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2018<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>4,000 m\u00b2 Transition to Production Facility<\/h3>\r\n<p>\r\nWith increasing demand and a growing team, the production area was expanded. The new facility has enabled faster and more flexible production processes with modern machinery infrastructure that ensures high efficiency.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2023<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Birth of the ZIENO Brand<\/h3>\r\n<p>\r\nZIENO, which reinterprets Hamle Ofis's production heritage in a premium line, was introduced to the market with its modern design approach, ergonomics-oriented structure and corporate identity.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year active\">2024+<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Global Brand Target<\/h3>\r\n<p>\r\nWith international projects, modern design approach and premium product range, ZIENO aims to become a strong brand in the global market. Continuous innovation in design and production is at the center of this journey.\r\n<\/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 section-dark\">\r\n<div class=\"container\">\r\n<div class=\"quote-section-wrapper\" data-aos=\"zoom-in\">\r\n<div class=\"quote-box\">\r\n<blockquote class=\"quote-text\">\r\nIt is a great honor for me to represent a brand that combines half a century of manufacturing heritage with a modern design approach. ZIENO's innovative approach, strong craftsmanship culture and aesthetic-oriented vision strengthen our passion for creating inspiring office spaces every day.\r\n<\/blockquote>\r\n<div class=\"quote-author\">\r\n<p class=\"quote-author-name\">Ali Osman Yaren<\/p>\r\n<p class=\"quote-author-title\">Chairman of the Board of Directors<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n<script>\r\n\/\/ AOS init\r\nAOS.init({\r\nduration: 800,\r\neasing: 'ease-out',\r\nonce: true,\r\noffset: 80\r\n});\r\n\r\n\/\/ GSAP\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\n\/\/ Counter animation\r\nconst animateCounter = (element) => {\r\nconst target = parseInt(element.getAttribute('data-count'));\r\nconst duration = 2000;\r\nconst increment = target \/ (duration \/ 16);\r\nlet current = 0;\r\n\r\nconst timer = setInterval(() => {\r\ncurrent += increment;\r\nif (current >= target) {\r\nelement.textContent = target.toLocaleString('tr-TR');\r\nif (element.parentElement.querySelector('.stat-label').textContent.includes('Oran')) {\r\nelement.textContent = target + '%';\r\n} else if (target >= 1000) {\r\nelement.textContent = (target \/ 1000).toFixed(0) + 'K+';\r\n} else {\r\nelement.textContent = target + '+';\r\n}\r\nclearInterval(timer);\r\n} else {\r\nelement.textContent = Math.floor(current).toLocaleString('tr-TR');\r\n}\r\n}, 16);\r\n};\r\n\r\n\/\/ Observer for counters\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\nentries.forEach(entry => {\r\nif (entry.isIntersecting && !entry.target.classList.contains('counted')) {\r\nentry.target.classList.add('counted');\r\nanimateCounter(entry.target);\r\n}\r\n});\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('.stat-number').forEach(counter => {\r\ncounterObserver.observe(counter);\r\n});\r\n\r\n\/\/ Smooth scroll for links\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\nanchor.addEventListener('click', function (e) {\r\ne.preventDefault();\r\nconst target = document.querySelector(this.getAttribute('href'));\r\nif (target) {\r\ntarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\n});\r\n});\r\n\r\n\/\/ Initialize Lucide Icons\r\nif (typeof lucide !== 'undefined') {\r\nlucide.createIcons();\r\n}\r\n<\/script>\r\n\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-44ee549 e-con-full e-flex e-con e-parent\" data-id=\"44ee549\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acf8a6e elementor-widget elementor-widget-shortcode\" data-id=\"acf8a6e\" 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 zieno-theme-transparent\">\r\n <div class=\"zieno-contact-container\">\r\n \r\n <div class=\"zieno-contact-info\">\r\n <h2>Contact Us<\/h2>\r\n <p>Contact us with your projects, questions or cooperation proposals. Our team of experts will get back to you as soon as possible.<\/p>\r\n \r\n <div class=\"zieno-contact-details\">\r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:info@zieno.com.tr\">info@zieno.com.tr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Telephone<\/h4>\r\n <p>\r\n <a href=\"tel:+905358724433\">+90 535 872 44 33<\/a><br>\r\n <a href=\"tel:+905330780198\">+90 533 078 01 98<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Address<\/h4>\r\n <p>Istanbul, Turkey<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"zieno-glass-form\">\r\n <h3>Contact Form<\/h3>\r\n <form id=\"zienoContactForm\" class=\"zieno-contact-form\" method=\"post\" action=\"#\" data-trp-original-action=\"#\">\r\n <div class=\"zieno-form-grid\">\r\n <div class=\"zieno-form-group\">\r\n <label>Name Surname <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Your Name and Surname\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XX XX\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Subject<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">General Information<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">Product Request<\/option>\r\n <option value=\"Proje Teklifi\">Project Proposal<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After Sales Support<\/option>\r\n <option value=\"\u0130hracat\">Export<\/option>\r\n <option value=\"Di\u011fer\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>Your message <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"zieno-submit-btn\">\r\n <i class=\"fa fa-paper-plane\"><\/i>\r\n <span>Send<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \n\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>Hakk\u0131m\u0131zda | ZIENO – Modern Ofis Mobilyas\u0131 Hakk\u0131m\u0131zda ZIENO, 1976’dan bug\u00fcne yar\u0131m as\u0131rl\u0131k \u00fcretim tecr\u00fcbesi ile premium ofis mobilyalar\u0131 \u00fcretiyor. Modern tasar\u0131m, […]<\/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-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=328"}],"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\nAbout Us | ZIENO - Modern Office Furniture<\/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.1\/css\/all.min.css\">\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\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: #fafafa;\r\n--text: #1a1a1a;\r\n--muted: #5a5a5a;\r\n--card: #ffffff;\r\n--line: rgba(0,0,0,0.08);\r\n--accent: #1a1a1a;\r\n--accent-soft: #f4f4f4;\r\n--shadow-xs: 0 1px 2px rgba(0,0,0,0.04);\r\n--shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\r\n--shadow-md: 0 4px 20px rgba(0,0,0,0.08);\r\n--shadow-lg: 0 8px 32px rgba(0,0,0,0.12);\r\n--shadow-xl: 0 16px 48px rgba(0,0,0,0.15);\r\n}\r\n\r\n*, *::before, *::after {\r\nbox-sizing: border-box;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n\r\nhtml {\r\nscroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\nbackground: var(--bg);\r\ncolor: var(--text);\r\nline-height: 1.7;\r\n-webkit-font-smoothing: antialiased;\r\n-moz-osx-font-smoothing: grayscale;\r\noverflow-x: hidden;\r\n}\r\n\r\n.container {\r\nmax-width: 1360px;\r\nmargin: 0 auto;\r\npadding: 0 32px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.container {\r\npadding: 0 20px;\r\n}\r\n}\r\n\r\n\/* ============================================\r\n HERO SECTION\r\n============================================ *\/\r\n.hero {\r\nposition: relative;\r\nheight: 800px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\noverflow: hidden;\r\nbackground: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero {\r\nheight: auto;\r\nmin-height: 100vh;\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.hero-video {\r\nposition: absolute;\r\ninset: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nopacity: 1;\r\nfilter: blur(8px);\r\n}\r\n\r\n.hero::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: rgba(0,0,0,0.3);\r\nz-index: 1;\r\n}\r\n\r\n.hero-content {\r\nposition: relative;\r\nz-index: 10;\r\ntext-align: center;\r\nmax-width: 1400px;\r\nwidth: 100%;\r\npadding: 60px 24px;\r\nmargin: 0 auto;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n}\r\n\r\n.hero h1 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(52px, 7vw, 72px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 32px;\r\nline-height: 1.1;\r\ncolor: #ffffff;\r\ntext-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero p {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: rgba(255,255,255,0.88);\r\nmax-width: 720px;\r\nmargin: 0 auto 48px;\r\nline-height: 1.75;\r\nfont-weight: 400;\r\ntext-shadow: 0 1px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero-actions {\r\ndisplay: none;\r\n}\r\n\r\n.hero-stats {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 18px;\r\nmargin-top: 48px;\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: 14px;\r\n}\r\n}\r\n\r\n.hero-stat {\r\nbackground: #fff;\r\nborder: 1px solid rgba(0,0,0,0.06);\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\r\n.hero-stat:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-stat-label {\r\nfont-size: 12px;\r\nletter-spacing: 0.14em;\r\ntext-transform: uppercase;\r\ncolor: #666;\r\nmargin-bottom: 10px;\r\ndisplay: block;\r\n}\r\n\r\n.hero-stat-number {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 34px;\r\nfont-weight: 400;\r\ndisplay: block;\r\nline-height: 1.1;\r\nmargin-bottom: 6px;\r\ncolor: #1a1a1a;\r\n}\r\n\r\n.hero-stat-desc {\r\nmargin: 0;\r\ncolor: #666;\r\nfont-size: 13px;\r\nline-height: 1.2;\r\ndisplay: block;\r\n}\r\n\r\n.btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\npadding: 15px 32px;\r\nborder-radius: 8px;\r\ntext-decoration: none;\r\nfont-weight: 500;\r\nfont-size: 14px;\r\ntransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\ncursor: pointer;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.btn::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);\r\nopacity: 0;\r\ntransition: opacity 0.3s ease;\r\n}\r\n\r\n.btn:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.btn.primary {\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.15);\r\n}\r\n\r\n.btn.primary:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.25);\r\n}\r\n\r\n.btn.ghost {\r\nbackground: rgba(255,255,255,0.1);\r\ncolor: #fff;\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.35);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================\r\n STATS SECTION\r\n============================================ *\/\r\n.stats {\r\npadding: 110px 0;\r\nbackground: linear-gradient(135deg, #ffffff 0%, #f8f8f8 50%, #fafafa 100%);\r\nposition: relative;\r\n}\r\n\r\n.stats::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.stats::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(0,0,0,0.01) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(0,0,0,0.01) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.stats-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\ngap: 60px;\r\n}\r\n\r\n.stat-item {\r\ntext-align: center;\r\nposition: relative;\r\npadding: 32px 24px;\r\nborder-radius: 16px;\r\ntransition: all 0.4s ease;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.06);\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n}\r\n\r\n.stat-item::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, transparent 100%);\r\nborder-radius: 16px;\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.stat-item:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.1);\r\n}\r\n\r\n.stat-number {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(42px, 5vw, 56px);\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nmargin-bottom: 12px;\r\ndisplay: block;\r\nletter-spacing: -0.02em;\r\nline-height: 1;\r\n}\r\n\r\n.stat-label {\r\nfont-size: 11px;\r\ncolor: #5a5a5a;\r\nfont-weight: 500;\r\nletter-spacing: 0.01em;\r\ntext-transform: uppercase;\r\n}\r\n\r\n\/* ============================================\r\n SECTION STYLES\r\n============================================ *\/\r\n.section {\r\npadding: 120px 0;\r\nposition: relative;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.section {\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.section-alt {\r\nbackground: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\r\nposition: relative;\r\n}\r\n\r\n.section-alt::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.section-dark {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);\r\ncolor: #ffffff;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.section-dark::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(255,255,255,0.03) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.section-dark .section-header-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .icon-decoration {\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .icon-decoration svg {\r\nstroke: #ffffff;\r\n}\r\n\r\n.section-dark h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark .section-header-content h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .section-header-content p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .content-text {\r\ncolor: rgba(255,255,255,0.85);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .content-text strong {\r\ncolor: #ffffff;\r\nfont-weight: 600;\r\n}\r\n\r\n.section-dark .card {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.section-dark .card:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .card::before {\r\nbackground: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.8) 100%);\r\n}\r\n\r\n.section-dark .card-icon {\r\nbackground: rgba(255,255,255,0.12);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .card:hover .card-icon {\r\nbackground: #ffffff;\r\ncolor: #1a1a1a;\r\nborder-color: #ffffff;\r\n}\r\n\r\n.section-dark .card h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .card p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .timeline::before {\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nrgba(255,255,255,0.1) 5%,\r\nrgba(255,255,255,0.3) 50%,\r\nrgba(255,255,255,0.1) 95%,\r\ntransparent 100%);\r\n}\r\n\r\n.section-dark .timeline-year {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline-dark {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(255, 255, 255, 0), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\nanimation: pulse-timeline-dark 2s infinite;\r\n}\r\n\r\n.section-dark .timeline-content {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .timeline-content::before {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-content p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .stat-item {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.section-dark .stat-item:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.section-dark .stat-item::before {\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%);\r\n}\r\n\r\n.section-dark .stat-number {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .stat-label {\r\ncolor: rgba(255,255,255,0.7);\r\n}\r\n\r\n.section-header {\r\nmax-width: 860px;\r\nmargin: 0 auto 80px;\r\nposition: relative;\r\n}\r\n\r\n.section-header-wrapper {\r\ndisplay: flex;\r\ngap: 24px;\r\nalign-items: flex-start;\r\n}\r\n\r\n.section-header .icon-decoration {\r\nflex-shrink: 0;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 52px;\r\nheight: 52px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\nmargin-top: 8px;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n}\r\n\r\n.section-header .icon-decoration svg {\r\nwidth: 26px;\r\nheight: 26px;\r\nstroke: var(--accent);\r\nstroke-width: 1.5;\r\n}\r\n\r\n.section-header-content {\r\nflex: 1;\r\n}\r\n\r\n.section h2 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(36px, 5vw, 52px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 24px;\r\ncolor: #1a1a1a;\r\nline-height: 1.2;\r\n}\r\n\r\n.section p.lead {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: #5a5a5a;\r\nline-height: 1.7;\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CONTENT\r\n============================================ *\/\r\n.content-block {\r\nmax-width: 960px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.content-text {\r\nfont-size: 16px;\r\nline-height: 1.8;\r\ncolor: #5a5a5a;\r\n}\r\n\r\n.content-text p {\r\nmargin-bottom: 26px;\r\n}\r\n\r\n.content-text p:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.content-text strong {\r\ncolor: #1a1a1a;\r\nfont-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n CARDS\r\n============================================ *\/\r\n.cards-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\ngap: 36px;\r\n}\r\n\r\n.card {\r\nbackground: #ffffff;\r\npadding: 48px 40px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, var(--accent) 0%, #666 100%);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\ntransition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card:hover::before {\r\ntransform: scaleX(1);\r\n}\r\n\r\n.card:hover {\r\ntransform: translateY(-6px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.card-icon {\r\nwidth: 64px;\r\nheight: 64px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 26px;\r\ncolor: var(--accent);\r\nmargin-bottom: 28px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nbox-shadow: 0 2px 6px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card:hover .card-icon {\r\nbackground: linear-gradient(135deg, var(--accent) 0%, #333 100%);\r\ncolor: #fff;\r\ntransform: scale(1.05) rotate(-3deg);\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.card h3 {\r\nfont-size: 22px;\r\nfont-weight: 600;\r\nmargin-bottom: 14px;\r\ncolor: #1a1a1a;\r\nline-height: 1.3;\r\n}\r\n\r\n.card p {\r\nfont-size: 15px;\r\nline-height: 1.75;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n TIMELINE\r\n============================================ *\/\r\n.timeline {\r\nmax-width: 1100px;\r\nmargin: 0 auto;\r\nposition: relative;\r\npadding: 40px 0;\r\n}\r\n\r\n.timeline::before {\r\ncontent: '';\r\nposition: absolute;\r\nleft: 50%;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: 2px;\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nvar(--line) 5%,\r\n#1a1a1a 50%,\r\nvar(--line) 95%,\r\ntransparent 100%);\r\ntransform: translateX(-50%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline::before {\r\nleft: 24px;\r\n}\r\n}\r\n\r\n.timeline-item {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\nmargin-bottom: 80px;\r\nposition: relative;\r\n}\r\n\r\n.timeline-item:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) {\r\nflex-direction: row;\r\n}\r\n\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row-reverse;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-item,\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row;\r\npadding-left: 70px;\r\n}\r\n}\r\n\r\n.timeline-year {\r\nflex: 0 0 160px;\r\ntext-align: center;\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 38px;\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nposition: relative;\r\nz-index: 2;\r\npadding-top: 12px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(26, 26, 26, 0.4), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(26, 26, 26, 0), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-year {\r\nflex: 0 0 auto;\r\nposition: absolute;\r\nleft: 0;\r\nfont-size: 28px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n}\r\n\r\n.timeline-content {\r\nflex: 1;\r\nbackground: #ffffff;\r\npadding: 38px 36px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\nmargin: 0 36px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.08);\r\n}\r\n\r\n.timeline-content::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 24px;\r\nwidth: 12px;\r\nheight: 12px;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\ntransform: rotate(45deg);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.04);\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content {\r\nmargin-left: 36px;\r\nmargin-right: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin-right: 36px;\r\nmargin-left: 0;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nright: -6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-content,\r\n.timeline-item:nth-child(odd) .timeline-content,\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin: 0;\r\n}\r\n.timeline-content::before,\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n}\r\n\r\n.timeline-content:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.timeline-content h3 {\r\nfont-size: 20px;\r\nfont-weight: 600;\r\nmargin-bottom: 12px;\r\ncolor: #1a1a1a;\r\nline-height: 1.4;\r\n}\r\n\r\n.timeline-content p {\r\nfont-size: 15px;\r\nline-height: 1.7;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n QUOTE\r\n============================================ *\/\r\n.quote-section-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-box {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\npadding: 64px 56px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder-radius: 20px;\r\nborder: 1px solid rgba(255,255,255,0.15);\r\ntext-align: center;\r\nposition: relative;\r\nbox-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\nbackdrop-filter: blur(20px);\r\n}\r\n\r\n.quote-box::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -1px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nwidth: 100px;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\r\nborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.quote-box::after {\r\ncontent: '\"';\r\nposition: absolute;\r\ntop: 24px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 100px;\r\ncolor: rgba(255,255,255,0.08);\r\nline-height: 1;\r\nz-index: 0;\r\n}\r\n\r\n.quote-text {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.8vw, 26px);\r\nline-height: 1.65;\r\ncolor: #ffffff;\r\nfont-weight: 400;\r\nmargin-bottom: 40px;\r\nfont-style: italic;\r\nposition: relative;\r\nz-index: 1;\r\ntext-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.quote-author {\r\npadding-top: 32px;\r\nborder-top: 1px solid rgba(255,255,255,0.15);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-author-name {\r\nfont-size: 18px;\r\nfont-weight: 600;\r\ncolor: #ffffff;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.quote-author-title {\r\nfont-size: 14px;\r\ncolor: rgba(255,255,255,0.85);\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CTA\r\n============================================ *\/\r\n.cta {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\r\ncolor: #fff;\r\npadding: 80px 60px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-xl);\r\n}\r\n\r\n.cta::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\r\nradial-gradient(circle at 80% 50%, rgba(255,255,255,0.06) 0%, transparent 50%);\r\n}\r\n\r\n.cta::after {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);\r\n}\r\n\r\n.cta h3 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(32px, 4.5vw, 44px);\r\nfont-weight: 400;\r\nmargin-bottom: 22px;\r\nline-height: 1.3;\r\nletter-spacing: -0.02em;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.cta p {\r\nfont-size: clamp(15px, 2vw, 17px);\r\nmax-width: 720px;\r\nmargin: 0 auto 44px;\r\nopacity: 0.9;\r\nline-height: 1.75;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: rgba(255,255,255,0.9) !important;\r\n}\r\n\r\n.cta-actions {\r\ndisplay: flex !important;\r\ngap: 16px;\r\njustify-content: center;\r\nflex-wrap: wrap;\r\nposition: relative;\r\nz-index: 10;\r\nvisibility: visible;\r\nopacity: 1;\r\n}\r\n\r\n.cta .btn.primary {\r\nbackground: #fff !important;\r\ncolor: var(--accent) !important;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.2);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.primary:hover {\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.3);\r\n}\r\n\r\n.cta .btn.ghost {\r\nbackground: rgba(255,255,255,0.1) !important;\r\ncolor: #fff !important;\r\nborder: 1px solid rgba(255,255,255,0.25) !important;\r\nbackdrop-filter: blur(10px);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.18);\r\nborder-color: rgba(255,255,255,0.4);\r\n}\r\n\r\n\/* CTA Form *\/\r\n.cta-form-wrapper {\r\nbackground: rgba(255,255,255,0.05);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(255,255,255,0.1);\r\nborder-radius: 16px;\r\npadding: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-wrapper {\r\npadding: 30px 24px;\r\nborder-radius: 12px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.cta-form-wrapper {\r\npadding: 24px 20px;\r\n}\r\n}\r\n\r\n.cta-form-title {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.5vw, 24px);\r\nfont-weight: 400;\r\nmargin: 0 0 24px;\r\ncolor: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-title {\r\nmargin-bottom: 20px;\r\n}\r\n}\r\n\r\n.cta-form {\r\ndisplay: grid;\r\ngap: 16px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form {\r\ngap: 14px;\r\n}\r\n}\r\n\r\n.cta-form-group {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 8px;\r\n}\r\n\r\n.cta-form-group label {\r\nfont-size: clamp(12px, 1.5vw, 13px);\r\nfont-weight: 500;\r\ncolor: rgba(255,255,255,0.8);\r\ntext-transform: uppercase;\r\nletter-spacing: 0.05em;\r\n}\r\n\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\nwidth: 100%;\r\npadding: 14px 18px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nborder-radius: 8px;\r\ncolor: #fff;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\npadding: 12px 16px;\r\n}\r\n}\r\n\r\n.cta-form-group input::placeholder,\r\n.cta-form-group textarea::placeholder {\r\ncolor: rgba(255,255,255,0.5);\r\n}\r\n\r\n.cta-form-group input:focus,\r\n.cta-form-group textarea:focus {\r\noutline: none;\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.4);\r\nbox-shadow: 0 0 0 3px rgba(255,255,255,0.1);\r\n}\r\n\r\n.cta-form-group textarea {\r\nresize: vertical;\r\nmin-height: 100px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group textarea {\r\nmin-height: 80px;\r\n}\r\n}\r\n\r\n.cta-form-submit {\r\nmargin-top: 8px;\r\npadding: 14px 28px;\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nborder: none;\r\nborder-radius: 8px;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-weight: 600;\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nwidth: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-submit {\r\npadding: 12px 24px;\r\n}\r\n}\r\n\r\n.cta-form-submit:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 24px rgba(255,255,255,0.2);\r\n}\r\n\r\n.cta-form-submit:active {\r\ntransform: translateY(0);\r\n}\r\n\r\n.cta-form-submit:disabled {\r\nopacity: 0.6;\r\ncursor: not-allowed;\r\n}\r\n\r\n\/* ============================================\r\n UTILITIES\r\n============================================ *\/\r\n\r\n\/* ============================================\r\n RESPONSIVE\r\n============================================ *\/\r\n@media (max-width: 768px) {\r\n.hero {\r\nmin-height: 75vh;\r\n}\r\n\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n\r\n.stats {\r\npadding: 70px 0;\r\n}\r\n\r\n.stats-grid {\r\ngap: 48px;\r\n}\r\n\r\n.cards-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 28px;\r\n}\r\n\r\n.quote-box {\r\npadding: 48px 32px;\r\n}\r\n\r\n.cta {\r\npadding: 60px 32px;\r\n}\r\n\r\n.cta > div[style*=\"grid\"] {\r\ngrid-template-columns: 1fr !important;\r\ngap: 30px !important;\r\n}\r\n\r\n}\r\n\r\n\/* ============================================\r\n ANIMATIONS\r\n============================================ *\/\r\n@keyframes fadeIn {\r\nfrom {\r\nopacity: 0;\r\n}\r\nto {\r\nopacity: 1;\r\n}\r\n}\r\n\r\n@keyframes slideUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n*, *::before, *::after {\r\nanimation-duration: 0.01ms !important;\r\nanimation-iteration-count: 1 !important;\r\ntransition-duration: 0.01ms !important;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n<video class=\"hero-video\" autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Business_Meeting_Meeting_1280x720-Trim.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"hero-content\">\r\n<h1 data-aos=\"fade-up\">About Us<\/h1>\r\n<p data-aos=\"fade-up\" data-aos-delay=\"100\">\r\nZIENO produces premium office furniture with half a century of production experience since 1976. We reshape workspaces with modern design, quality and ergonomics.\r\n<\/p>\r\n\r\n<div class=\"hero-stats\">\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Years of Experience<\/div>\r\n<div class=\"hero-stat-number\">50+<\/div>\r\n<div class=\"hero-stat-desc\">years of experience<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Happy Customer<\/div>\r\n<div class=\"hero-stat-number\">100K+<\/div>\r\n<div class=\"hero-stat-desc\">satisfied customer<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Satisfaction<\/div>\r\n<div class=\"hero-stat-number\">95%<\/div>\r\n<div class=\"hero-stat-desc\">satisfaction rate<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Project<\/div>\r\n<div class=\"hero-stat-number\">150K+<\/div>\r\n<div class=\"hero-stat-desc\">completed project<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"section\" id=\"hikaye\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"building-2\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Half a Century of Production Heritage<\/h2>\r\n<p class=\"lead\">\r\nWith 50 years of manufacturing experience dating back to 1976, we produce premium office furniture by combining quality, design and ergonomics. With our 4,000 m\u00b2 production facility in Istanbul and our expert team, we aim for perfection in every project.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\n<strong>ZIENO<\/strong>, is rooted in the foundation of <strong>Hamle Office Furniture<\/strong> is a modern office furniture brand that combines design and engineering, positioned in the premium segment, drawing on its strong manufacturing heritage. Headquartered in Istanbul <strong>4.000 m\u00b2 production facility<\/strong>, With our advanced technology machine park and expert design-production team; we develop products that center on qualified workmanship, sustainable material use and long-lasting structure.\r\n<\/p>\r\n<p>\r\nOur product portfolio of executive chairs, task chairs, guest chairs, sofas and complementary office solutions; <strong>balanced combination of ergonomics, aesthetics and functionality<\/strong> is built upon. In addition to our standard collections, we develop special furniture projects for institutions; we manage the design, production and assembly processes with an end-to-end, professional approach.\r\n<\/p>\r\n<p>\r\n<strong>ZIENO's main objective<\/strong>; By accurately analyzing the changing needs of modern business life, the user <strong>maximum comfort<\/strong>, to institutions <strong>long-term value<\/strong> and places <strong>an original character<\/strong> to produce furniture that saves money.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-dark\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"palette\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Design Philosophy<\/h2>\r\n<p class=\"lead\">\r\nWith our design approach based on simple lines, timeless forms and ergonomic structure that prioritizes user experience, we offer comfort to employees, prestige to managers and a strong corporate stance to brands while providing aesthetic integrity in office spaces.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\nZIENO's design language is built on simple lines, timeless forms and ergonomic structure that prioritizes user experience. Each of our products creates an aesthetic integrity in office spaces, offering comfort to employees, prestige to managers and a strong corporate stance to brands.\r\n<\/p>\r\n<p>\r\nAs well as collection production; <strong>corporate offices, hotels, architecture offices and large-scale enterprises<\/strong> We develop special furniture projects for our customers. We manage the entire process including material selection, prototyping, production, logistics and assembly from a single center in a transparent and controlled manner.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"target\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Mission & Vision<\/h2>\r\n<p class=\"lead\">\r\nTo produce furniture that provides maximum comfort to users, long-term value to organizations and a unique character to spaces by analyzing the changing needs of modern business life. To become a globally recognized leading brand among Turkey's premium office furniture brands.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-bullseye\"><\/i>\r\n<\/div>\r\n<h3>Our Mission<\/h3>\r\n<p>\r\nTo produce long-lasting and characterful furniture that redefines office living spaces with a focus on ergonomics, quality and design.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-eye\"><\/i>\r\n<\/div>\r\n<h3>Our Vision<\/h3>\r\n<p>\r\nTo become a globally recognized, design-oriented, innovative and sustainable leading brand among Turkey's premium office furniture brands.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-alt\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"heart-handshake\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Values<\/h2>\r\n<p class=\"lead\">\r\nWith our values of quality and excellence, reliability and honesty, safety and well-being; we produce reliable, long-lasting solutions with the highest level of material selection, precision workmanship and durable mechanisms.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-award\"><\/i>\r\n<\/div>\r\n<h3>Quality & Excellence<\/h3>\r\n<p>\r\nWe produce with the highest level of material selection, precision workmanship and durable mechanisms. Every ZIENO product is designed in accordance with international quality standards and undergoes rigorous control processes.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-handshake\"><\/i>\r\n<\/div>\r\n<h3>Reliability & Honesty<\/h3>\r\n<p>\r\nWe establish transparent, consistent and trust-based relationships with our customers and business partners in all processes. We fulfill our promised quality and delivery times and offer a reliable workflow in every project.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-shield-halved\"><\/i>\r\n<\/div>\r\n<h3>Safety & Well-being<\/h3>\r\n<p>\r\nWith our ergonomics-centered design approach, we develop solutions that support the physical and mental comfort of users. We aim for healthy office environments with safe production standards and user-friendly mechanisms.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"calendar-clock\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Our Journey Through the Years<\/h2>\r\n<p class=\"lead\">\r\nOur journey from the establishment of Hamle Ofis in 1976 to the birth of the ZIENO brand in 2023 is the story of our focus on continuous improvement in quality, design and production. By aiming for the better at every step, we have become a modern brand positioned in the premium segment today.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"timeline\">\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1976<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Establishment of Hamle Ofis<\/h3>\r\n<p>\r\nFounded to specialize in the furniture sector, Hamle Ofis laid the foundations of quality workmanship approach with its workshop-scale production structure.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1995<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Transition to Modern Production Processes<\/h3>\r\n<p>\r\nIn line with the expanding product range and increasing demand, the production line was renewed; the machine park was modernized and higher capacity and precision production standards were ensured.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2012<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Focus on Corporate Project Solutions<\/h3>\r\n<p>\r\nSpecial furniture projects have started to be developed for hotels, business centers and large-scale institutions. Hamle Ofis differentiated itself in the sector by specializing in project-based production.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2018<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>4,000 m\u00b2 Transition to Production Facility<\/h3>\r\n<p>\r\nWith increasing demand and a growing team, the production area was expanded. The new facility has enabled faster and more flexible production processes with modern machinery infrastructure that ensures high efficiency.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2023<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Birth of the ZIENO Brand<\/h3>\r\n<p>\r\nZIENO, which reinterprets Hamle Ofis's production heritage in a premium line, was introduced to the market with its modern design approach, ergonomics-oriented structure and corporate identity.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year active\">2024+<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Global Brand Target<\/h3>\r\n<p>\r\nWith international projects, modern design approach and premium product range, ZIENO aims to become a strong brand in the global market. Continuous innovation in design and production is at the center of this journey.\r\n<\/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 section-dark\">\r\n<div class=\"container\">\r\n<div class=\"quote-section-wrapper\" data-aos=\"zoom-in\">\r\n<div class=\"quote-box\">\r\n<blockquote class=\"quote-text\">\r\nIt is a great honor for me to represent a brand that combines half a century of manufacturing heritage with a modern design approach. ZIENO's innovative approach, strong craftsmanship culture and aesthetic-oriented vision strengthen our passion for creating inspiring office spaces every day.\r\n<\/blockquote>\r\n<div class=\"quote-author\">\r\n<p class=\"quote-author-name\">Ali Osman Yaren<\/p>\r\n<p class=\"quote-author-title\">Chairman of the Board of Directors<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n<script>\r\n\/\/ AOS init\r\nAOS.init({\r\nduration: 800,\r\neasing: 'ease-out',\r\nonce: true,\r\noffset: 80\r\n});\r\n\r\n\/\/ GSAP\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\n\/\/ Counter animation\r\nconst animateCounter = (element) => {\r\nconst target = parseInt(element.getAttribute('data-count'));\r\nconst duration = 2000;\r\nconst increment = target \/ (duration \/ 16);\r\nlet current = 0;\r\n\r\nconst timer = setInterval(() => {\r\ncurrent += increment;\r\nif (current >= target) {\r\nelement.textContent = target.toLocaleString('tr-TR');\r\nif (element.parentElement.querySelector('.stat-label').textContent.includes('Oran')) {\r\nelement.textContent = target + '%';\r\n} else if (target >= 1000) {\r\nelement.textContent = (target \/ 1000).toFixed(0) + 'K+';\r\n} else {\r\nelement.textContent = target + '+';\r\n}\r\nclearInterval(timer);\r\n} else {\r\nelement.textContent = Math.floor(current).toLocaleString('tr-TR');\r\n}\r\n}, 16);\r\n};\r\n\r\n\/\/ Observer for counters\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\nentries.forEach(entry => {\r\nif (entry.isIntersecting && !entry.target.classList.contains('counted')) {\r\nentry.target.classList.add('counted');\r\nanimateCounter(entry.target);\r\n}\r\n});\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('.stat-number').forEach(counter => {\r\ncounterObserver.observe(counter);\r\n});\r\n\r\n\/\/ Smooth scroll for links\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\nanchor.addEventListener('click', function (e) {\r\ne.preventDefault();\r\nconst target = document.querySelector(this.getAttribute('href'));\r\nif (target) {\r\ntarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\n});\r\n});\r\n\r\n\/\/ Initialize Lucide Icons\r\nif (typeof lucide !== 'undefined') {\r\nlucide.createIcons();\r\n}\r\n<\/script>\r\n\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-44ee549 e-con-full e-flex e-con e-parent\" data-id=\"44ee549\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acf8a6e elementor-widget elementor-widget-shortcode\" data-id=\"acf8a6e\" 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 zieno-theme-transparent\">\r\n <div class=\"zieno-contact-container\">\r\n \r\n <div class=\"zieno-contact-info\">\r\n <h2>Contact Us<\/h2>\r\n <p>Contact us with your projects, questions or cooperation proposals. Our team of experts will get back to you as soon as possible.<\/p>\r\n \r\n <div class=\"zieno-contact-details\">\r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:info@zieno.com.tr\">info@zieno.com.tr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Telephone<\/h4>\r\n <p>\r\n <a href=\"tel:+905358724433\">+90 535 872 44 33<\/a><br>\r\n <a href=\"tel:+905330780198\">+90 533 078 01 98<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Address<\/h4>\r\n <p>Istanbul, Turkey<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"zieno-glass-form\">\r\n <h3>Contact Form<\/h3>\r\n <form id=\"zienoContactForm\" class=\"zieno-contact-form\" method=\"post\" action=\"#\" data-trp-original-action=\"#\">\r\n <div class=\"zieno-form-grid\">\r\n <div class=\"zieno-form-group\">\r\n <label>Name Surname <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Your Name and Surname\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XX XX\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Subject<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">General Information<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">Product Request<\/option>\r\n <option value=\"Proje Teklifi\">Project Proposal<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After Sales Support<\/option>\r\n <option value=\"\u0130hracat\">Export<\/option>\r\n <option value=\"Di\u011fer\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>Your message <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"zieno-submit-btn\">\r\n <i class=\"fa fa-paper-plane\"><\/i>\r\n <span>Send<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \n\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>Hakk\u0131m\u0131zda | ZIENO – Modern Ofis Mobilyas\u0131 Hakk\u0131m\u0131zda ZIENO, 1976’dan bug\u00fcne yar\u0131m as\u0131rl\u0131k \u00fcretim tecr\u00fcbesi ile premium ofis mobilyalar\u0131 \u00fcretiyor. Modern tasar\u0131m, […]<\/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-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}