Kozamark Bili\u015fim Teknolojileri \u2014 Yapay Zek\u00e2 \u00c7\u00f6z\u00fcmleri<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Sora:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #07080F;\n --surface: #0C0E1A;\n --surface2: #111428;\n --border: rgba(110, 80, 200, 0.2);\n\n --purple: #8B52D6;\n --blue: #4A7FD4;\n --cyan: #00C9B1;\n\n --grad: linear-gradient(135deg, #8B52D6, #4A7FD4, #00C9B1);\n --grad-text: linear-gradient(135deg, #B07AFF, #5A9FFF, #00DFC9);\n\n --accent-dim: rgba(74, 127, 212, 0.12);\n --purple-dim: rgba(139, 82, 214, 0.12);\n --cyan-dim: rgba(0, 201, 177, 0.12);\n\n --text: #E8EBF5;\n --text-muted: #7A7E9A;\n --radius: 14px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Sora', sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n opacity: 0.025;\n pointer-events: none;\n z-index: 0;\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 5%;\n height: 72px;\n background: rgba(7,8,15,0.88);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo img { height: 36px; width: auto; display: block; }\n .nav-links { display: flex; gap: 2.2rem; list-style: none; }\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--cyan); }\n .nav-cta {\n background: var(--grad);\n color: #fff;\n padding: 0.45rem 1.3rem;\n border-radius: 6px;\n font-size: 0.8rem;\n font-family: 'Sora', sans-serif;\n font-weight: 600;\n letter-spacing: 0.05em;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s, transform 0.2s;\n border: none;\n }\n .nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex; align-items: center; justify-content: center;\n text-align: center;\n padding: 120px 5% 80px;\n overflow: hidden;\n }\n .glow-blob {\n position: absolute; border-radius: 50%;\n pointer-events: none; filter: blur(120px); opacity: 0.16;\n }\n .glow-blob-1 { width: 600px; height: 600px; top: -10%; left: -8%; background: var(--purple); }\n .glow-blob-2 { width: 500px; height: 500px; top: 20%; right: -8%; background: var(--blue); }\n .glow-blob-3 { width: 400px; height: 400px; bottom: -10%; left: 30%; background: var(--cyan); }\n .hero-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(74,127,212,0.07) 1px, transparent 1px),\n linear-gradient(90deg, rgba(74,127,212,0.07) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 0%, transparent 100%);\n }\n .hero-content { position: relative; z-index: 1; max-width: 880px; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 0.6rem;\n background: rgba(139,82,214,0.1);\n border: 1px solid rgba(139,82,214,0.3);\n color: #B07AFF;\n font-size: 0.73rem; font-weight: 600;\n letter-spacing: 0.12em; text-transform: uppercase;\n padding: 0.35rem 1rem; border-radius: 100px;\n margin-bottom: 2rem;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--grad); border-radius: 50%; }\n h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3rem, 6.5vw, 5.6rem);\n font-weight: 700; line-height: 1.1;\n margin-bottom: 1.5rem;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .grad-text {\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .hero-sub {\n font-size: 1.05rem; color: var(--text-muted);\n max-width: 580px; margin: 0 auto 2.5rem;\n font-weight: 300; line-height: 1.8;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n .hero-actions {\n display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--grad); color: #fff;\n padding: 0.85rem 2.2rem; border-radius: 8px;\n font-weight: 600; font-size: 0.9rem;\n text-decoration: none; letter-spacing: 0.04em;\n transition: opacity 0.2s, transform 0.2s;\n }\n .btn-primary:hover { opacity: 0.85; transform: translateY(-2px); }\n .btn-outline {\n border: 1px solid rgba(74,127,212,0.35); color: var(--text);\n padding: 0.85rem 2.2rem; border-radius: 8px;\n font-weight: 400; font-size: 0.9rem;\n text-decoration: none; transition: border-color 0.2s, color 0.2s;\n }\n .btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }\n .hero-stats {\n display: flex; gap: 3rem; justify-content: center; flex-wrap: wrap;\n margin-top: 5rem; padding-top: 3rem;\n border-top: 1px solid rgba(110,80,200,0.2);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .stat-item { text-align: center; }\n .stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.6rem; font-weight: 700; line-height: 1;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .stat-label { font-size: 0.76rem; color: var(--text-muted); margin-top: 0.3rem; letter-spacing: 0.06em; text-transform: uppercase; }\n\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n section { padding: 100px 5%; position: relative; }\n .section-label {\n font-size: 0.72rem; letter-spacing: 0.14em;\n text-transform: uppercase; font-weight: 600;\n margin-bottom: 0.75rem;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; display: inline-block;\n }\n .section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 4vw, 3.2rem);\n font-weight: 700; line-height: 1.2; margin-bottom: 1.2rem;\n }\n .section-body { color: var(--text-muted); font-size: 0.95rem; max-width: 560px; font-weight: 300; line-height: 1.8; }\n .container { max-width: 1160px; margin: 0 auto; }\n\n \/* \u2500\u2500 HAKKIMIZDA \u2500\u2500 *\/\n #hakkimizda { background: var(--surface); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\n .about-features { display: flex; flex-direction: column; gap: 1.2rem; margin-top: 2rem; }\n .feat-row {\n display: flex; gap: 1rem; align-items: flex-start;\n padding: 1.2rem 1.4rem;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.25s, transform 0.25s;\n }\n .feat-row:hover { border-color: var(--cyan); transform: translateX(4px); }\n .feat-icon {\n font-size: 1.2rem; width: 42px; height: 42px;\n display: flex; align-items: center; justify-content: center;\n background: var(--purple-dim); border-radius: 10px; flex-shrink: 0;\n }\n .feat-text h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; }\n .feat-text p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }\n .about-visual {\n position: relative; height: 440px;\n border-radius: var(--radius);\n background: var(--surface2);\n border: 1px solid var(--border);\n overflow: hidden;\n display: flex; align-items: center; justify-content: center;\n }\n .orb-wrap { position: relative; width: 260px; height: 260px; }\n .orb-ring {\n position: absolute; border-radius: 50%; border: 1px solid;\n top: 50%; left: 50%; transform: translate(-50%,-50%);\n }\n .orb-ring-1 { width: 260px; height: 260px; border-color: rgba(139,82,214,0.3); animation: spin 22s linear infinite; }\n .orb-ring-2 { width: 200px; height: 200px; border-color: rgba(74,127,212,0.3); animation: spin 16s linear infinite reverse; }\n .orb-ring-3 { width: 140px; height: 140px; border-color: rgba(0,201,177,0.35); animation: spin 10s linear infinite; }\n .orb-center {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n width: 90px; height: 90px;\n background: var(--grad);\n border-radius: 50%; filter: blur(24px); opacity: 0.6;\n }\n .orb-logo-img {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n width: 72px; height: 72px; object-fit: contain; z-index: 2;\n }\n .about-bg-glow {\n position: absolute; inset: 0;\n background: radial-gradient(circle at 50% 50%, rgba(74,127,212,0.09), transparent 70%);\n }\n\n \/* \u2500\u2500 PROJELER\u0130M\u0130Z \u2500\u2500 *\/\n .projects-header { text-align: center; margin-bottom: 4rem; }\n .projects-header .section-body { margin: 0 auto; }\n .projects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }\n .project-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2.8rem; position: relative; overflow: hidden;\n transition: transform 0.3s, border-color 0.3s;\n }\n .project-card:hover { transform: translateY(-6px); }\n .project-card.koza:hover { border-color: var(--purple); }\n .project-card.mayk:hover { border-color: var(--cyan); }\n .project-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n }\n .project-card.koza::before { background: linear-gradient(90deg, transparent, var(--purple), var(--blue), transparent); }\n .project-card.mayk::before { background: linear-gradient(90deg, transparent, var(--blue), var(--cyan), transparent); }\n .project-card-glow {\n position: absolute; top: -60px; right: -60px;\n width: 200px; height: 200px; border-radius: 50%;\n opacity: 0.07; filter: blur(60px); pointer-events: none;\n }\n .project-card.koza .project-card-glow { background: var(--purple); }\n .project-card.mayk .project-card-glow { background: var(--cyan); }\n .project-badge {\n display: inline-block; font-size: 0.7rem;\n letter-spacing: 0.12em; text-transform: uppercase;\n font-weight: 600; padding: 0.25rem 0.75rem;\n border-radius: 100px; margin-bottom: 1.5rem;\n }\n .project-card.koza .project-badge { color: #B07AFF; background: rgba(139,82,214,0.12); border: 1px solid rgba(139,82,214,0.25); }\n .project-card.mayk .project-badge { color: var(--cyan); background: var(--cyan-dim); border: 1px solid rgba(0,201,177,0.25); }\n .project-name {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.4rem; font-weight: 700; margin-bottom: 0.4rem;\n }\n .project-card.koza .project-name { color: #C8A8FF; }\n .project-card.mayk .project-name { color: #6EEEE0; }\n .project-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem; font-style: italic;\n color: var(--text-muted); margin-bottom: 1.2rem;\n }\n .project-desc { font-size: 0.87rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 2rem; }\n .project-features { display: flex; flex-direction: column; gap: 0.55rem; margin-bottom: 2rem; }\n .project-features li {\n list-style: none; font-size: 0.83rem;\n color: var(--text-muted);\n display: flex; align-items: center; gap: 0.6rem;\n }\n .project-card.koza .project-features li::before { content: '\u2192'; color: var(--purple); }\n .project-card.mayk .project-features li::before { content: '\u2192'; color: var(--cyan); }\n .project-link {\n display: inline-flex; align-items: center; gap: 0.4rem;\n text-decoration: none; font-size: 0.83rem;\n font-weight: 600; letter-spacing: 0.04em;\n border-bottom: 1px solid transparent; transition: border-color 0.2s;\n }\n .project-card.koza .project-link { color: #B07AFF; }\n .project-card.koza .project-link:hover { border-color: #B07AFF; }\n .project-card.mayk .project-link { color: var(--cyan); }\n .project-card.mayk .project-link:hover { border-color: var(--cyan); }\n .project-link::after { content: ' \u2197'; }\n\n \/* \u2500\u2500 H\u0130ZMETLER \u2500\u2500 *\/\n #hizmetler { background: var(--surface); }\n .services-header { text-align: center; margin-bottom: 4rem; }\n .services-header .section-body { margin: 0 auto; }\n .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\n .service-card {\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem 1.8rem;\n transition: border-color 0.25s, transform 0.25s;\n }\n .service-card:hover { transform: translateY(-4px); border-color: var(--blue); }\n .service-icon {\n font-size: 1.4rem; margin-bottom: 1.2rem;\n width: 50px; height: 50px; background: var(--accent-dim);\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n }\n .service-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 0.6rem; }\n .service-desc { font-size: 0.82rem; color: var(--text-muted); line-height: 1.65; }\n\n \/* \u2500\u2500 \u0130LET\u0130\u015e\u0130M \u2500\u2500 *\/\n .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: start; }\n .contact-info-items { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }\n .contact-item {\n display: flex; gap: 1rem; align-items: flex-start;\n padding: 1rem 1.2rem;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.2s;\n }\n .contact-item:hover { border-color: rgba(0,201,177,0.35); }\n .contact-icon {\n font-size: 1rem; width: 36px; height: 36px;\n background: var(--cyan-dim); border-radius: 8px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .contact-item-text { font-size: 0.83rem; color: var(--text-muted); }\n .contact-item-text strong { display: block; color: var(--text); font-size: 0.85rem; margin-bottom: 0.1rem; }\n .contact-form {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2.5rem;\n }\n .form-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem; font-weight: 700; margin-bottom: 1.8rem;\n }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .form-group { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1rem; }\n .form-group label { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }\n .form-group input,\n .form-group textarea,\n .form-group select {\n background: var(--surface2);\n border: 1px solid var(--border);\n color: var(--text);\n padding: 0.72rem 1rem;\n border-radius: 8px;\n font-family: 'Sora', sans-serif;\n font-size: 0.88rem;\n outline: none;\n transition: border-color 0.2s;\n width: 100%;\n }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus { border-color: var(--cyan); }\n .form-group textarea { resize: vertical; min-height: 100px; }\n .form-group select option { background: var(--surface2); }\n .form-submit {\n width: 100%; background: var(--grad); color: #fff; border: none;\n padding: 0.95rem; border-radius: 8px;\n font-family: 'Sora', sans-serif; font-size: 0.9rem; font-weight: 600;\n letter-spacing: 0.04em; cursor: pointer;\n transition: opacity 0.2s, transform 0.2s; margin-top: 0.5rem;\n }\n .form-submit:hover { opacity: 0.85; transform: translateY(-1px); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--surface);\n border-top: 1px solid var(--border);\n padding: 4.5rem 5% 2.5rem;\n }\n .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }\n .footer-brand { max-width: 290px; }\n .footer-logo img { height: 30px; width: auto; margin-bottom: 1rem; display: block; }\n .footer-tagline { font-size: 0.82rem; color: var(--text-muted); line-height: 1.7; }\n .footer-col h5 {\n font-size: 0.72rem; letter-spacing: 0.12em;\n text-transform: uppercase; font-weight: 600; margin-bottom: 1rem;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }\n .footer-col ul a { font-size: 0.83rem; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }\n .footer-col ul a:hover { color: var(--cyan); }\n .footer-bottom {\n border-top: 1px solid var(--border); padding-top: 2rem;\n display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n }\n .footer-copy { font-size: 0.77rem; color: var(--text-muted); }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes spin {\n from { transform: translate(-50%,-50%) rotate(0deg); }\n to { transform: translate(-50%,-50%) rotate(360deg); }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n .about-grid, .contact-grid, .footer-grid { grid-template-columns: 1fr; }\n .projects-grid { grid-template-columns: 1fr; }\n .services-grid { grid-template-columns: repeat(2,1fr); }\n .form-row { grid-template-columns: 1fr; }\n .nav-links { display: none; }\n .about-visual { height: 280px; }\n .hero-stats { gap: 1.8rem; }\n }\n @media (max-width: 520px) {\n .services-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#hero\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#projeler\">Projeler<\/a><\/li>\n <li><a href=\"#hizmetler\">Hizmetler<\/a><\/li>\n <li><a href=\"#iletisim\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <a href=\"#iletisim\" class=\"nav-cta\">G\u00f6r\u00fc\u015fme Planla<\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"glow-blob glow-blob-1\"><\/div>\n <div class=\"glow-blob glow-blob-2\"><\/div>\n <div class=\"glow-blob glow-blob-3\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n Yapay Zek\u00e2 & Bili\u015fim Teknolojileri\n <\/div>\n <h1>Veriden <span class=\"grad-text\">zek\u00e2ya,<\/span><br>zek\u00e2dan karara.<\/h1>\n <p class=\"hero-sub\">\n Kozamark Bili\u015fim, kurumsal yapay zek\u00e2 \u00e7\u00f6z\u00fcmleriyle i\u015fletmelerin\n operasyonel verimlili\u011fini ve karar kalitesini d\u00f6n\u00fc\u015ft\u00fcr\u00fcyor.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#projeler\" class=\"btn-primary\">Projelerimizi Ke\u015ffet<\/a>\n <a href=\"#iletisim\" class=\"btn-outline\">G\u00f6r\u00fc\u015fme Planla<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">2<\/div>\n <div class=\"stat-label\">Aktif \u00dcr\u00fcn<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">4<\/div>\n <div class=\"stat-label\">\u00c7\u00f6z\u00fcm Grubu<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">7\/24<\/div>\n <div class=\"stat-label\">Kesintisiz Hizmet<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">%0<\/div>\n <div class=\"stat-label\">Hallucination Riski<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hakkimizda\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div>\n <div class=\"section-label\">Hakk\u0131m\u0131zda<\/div>\n <h2 class=\"section-title\">Yapay zek\u00e2y\u0131<br><span class=\"grad-text\">\u00fcr\u00fcne d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.<\/span><\/h2>\n <p class=\"section-body\">\n Kozamark Bili\u015fim Teknolojileri olarak ERP, \u00fcretim, e-ticaret ve sekt\u00f6rel i\u015f\n s\u00fcre\u00e7leri \u00fczerine \u00f6zg\u00fcn yapay zek\u00e2 \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. Deterministik\n mimari anlay\u0131\u015f\u0131m\u0131zla g\u00fcvenilir, \u00f6l\u00e7\u00fclebilir ve i\u015f de\u011feri \u00fcreten sistemler tasarl\u0131yoruz.\n <\/p>\n <div class=\"about-features\">\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\ud83e\udde0<\/div>\n <div class=\"feat-text\">\n <h4>Deterministik Yapay Zek\u00e2<\/h4>\n <p>Tahmin de\u011fil, do\u011frulanabilir kayna\u011fa dayal\u0131 \u00e7\u0131kt\u0131. Her yan\u0131t %100 izlenebilir.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\ud83d\udd12<\/div>\n <div class=\"feat-text\">\n <h4>G\u00fcvenli Mimari<\/h4>\n <p>KVKK uyumlu, ISO 27001 sertifikal\u0131 T\u00fcrkiye altyap\u0131s\u0131. Veriler yurt i\u00e7inde.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\u26a1<\/div>\n <div class=\"feat-text\">\n <h4>H\u0131zl\u0131 Devreye Alma<\/h4>\n <p>Ke\u015fif \u2192 Pilot \u2192 Devreye Alma \u2192 S\u00fcrekli \u0130yile\u015ftirme. Operasyonu durdurmadan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-visual\">\n <div class=\"about-bg-glow\"><\/div>\n <div class=\"orb-wrap\">\n <div class=\"orb-ring orb-ring-1\"><\/div>\n <div class=\"orb-ring orb-ring-2\"><\/div>\n <div class=\"orb-ring orb-ring-3\"><\/div>\n <div class=\"orb-center\"><\/div>\n <img decoding=\"async\" class=\"orb-logo-img\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"projeler\">\n <div class=\"container\">\n <div class=\"projects-header\">\n <div class=\"section-label\">Projelerimiz<\/div>\n <h2 class=\"section-title\">\u0130ki g\u00fc\u00e7l\u00fc \u00fcr\u00fcn,<br><span class=\"grad-text\">iki farkl\u0131 problem.<\/span><\/h2>\n <p class=\"section-body\">\n Kurumsal karar zek\u00e2s\u0131ndan e-ticaret otomasyonuna \u2014 farkl\u0131 \u00f6l\u00e7ek ve sekt\u00f6rlere\n \u00f6zg\u00fcn yapay zek\u00e2\u00e7\u00f6z\u00fcmleri sunuyoruz.\n <\/p>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"project-card koza\">\n <div class=\"project-card-glow\"><\/div>\n <div class=\"project-badge\">Kurumsal Yapay Zek\u00e2<\/div>\n <div class=\"project-name\">Koza AI<\/div>\n <div class=\"project-tagline\">Kurumu rapordan \u00e7\u0131kar\u0131r, karara ta\u015f\u0131r.<\/div>\n <p class=\"project-desc\">\n ERP, \u00fcretim hatt\u0131 ve e-ticaret sistemlerinden beslenen zek\u00e2 katman\u0131. Y\u00f6neticilerin\n “nereden ba\u015flamal\u0131y\u0131m?” sorusuna veriye dayal\u0131, aksiyon odakl\u0131 yan\u0131t \u00fcretiyor.\n Read-only entegrasyonla kontrol katman\u0131na dokunmadan g\u00fcvenle konumlan\u0131yor.\n <\/p>\n <ul class=\"project-features\">\n <li>Koza ERP Zek\u00e2lar\u0131 \u2014 risk, sapma ve \u00f6ncelik \u00fcretimi<\/li>\n <li>Koza \u00dcretim Zek\u00e2lar\u0131 \u2014 darbo\u011faz ve kay\u0131p analizi<\/li>\n <li>Koza Hat Zek\u00e2lar\u0131 \u2014 ak\u0131\u015f, s\u0131ra ve tempo kararlar\u0131<\/li>\n <li>Koza E-Ticaret Zek\u00e2 Platformu \u2014 ger\u00e7ek k\u00e2rl\u0131l\u0131k analizi<\/li>\n <\/ul>\n <a href=\"https:\/\/koza-ai.com\" target=\"_blank\" class=\"project-link\">koza-ai.com<\/a>\n <\/div>\n <div class=\"project-card mayk\">\n <div class=\"project-card-glow\"><\/div>\n <div class=\"project-badge\">E-Ticaret Otomasyonu<\/div>\n <div class=\"project-name\">MaykQ<\/div>\n <div class=\"project-tagline\">Siz uyurken MaykQ, sat\u0131\u015f yaps\u0131n.<\/div>\n <p class=\"project-desc\">\n Trendyol sat\u0131c\u0131lar\u0131 i\u00e7in yapay zek\u00e2 destekli m\u00fc\u015fteri soru yan\u0131tlama platformu.\n Saniyeler i\u00e7inde 7\/24 otomatik yan\u0131t. Soru s\u0131n\u0131r\u0131 yok, s\u00fcrpriz \u00fccret yok.\n Sabit fiyat garantisi ile ma\u011faza puan\u0131n\u0131z\u0131 ve d\u00f6n\u00fc\u015f\u00fcm oran\u0131n\u0131z\u0131 art\u0131r\u0131yor.\n <\/p>\n <ul class=\"project-features\">\n <li>Deterministik AI \u2014 hallucination riski s\u0131f\u0131r<\/li>\n <li>S\u0131n\u0131rs\u0131z soru & \u00fcr\u00fcn entegrasyonu<\/li>\n <li>Tam otomatik veya onayl\u0131 (hibrit) mod<\/li>\n <li>Trendyol kural uyum filtresi \u2014 otomatik<\/li>\n <\/ul>\n <a href=\"https:\/\/maykq.com\" target=\"_blank\" class=\"project-link\">maykq.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hizmetler\">\n <div class=\"container\">\n <div class=\"services-header\">\n <div class=\"section-label\">Hizmetler<\/div>\n <h2 class=\"section-title\">Ne sunuyoruz?<\/h2>\n <p class=\"section-body\">\n \u00dcr\u00fcn geli\u015ftirmeden dan\u0131\u015fmanl\u0131\u011fa, entegrasyondan s\u00fcreklili\u011fe kadar\n yapay zeka yolculu\u011funuzun her ad\u0131m\u0131nday\u0131z.\n <\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83e\udd16<\/div>\n <div class=\"service-title\">Yapay Zek\u00e2 \u00dcr\u00fcn Geli\u015ftirme<\/div>\n <p class=\"service-desc\">\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zg\u00fc, deterministik yapay zek\u00e2 sistemleri tasarl\u0131yor ve geli\u015ftiriyoruz. S\u0131f\u0131rdan \u00fcr\u00fcn veya mevcut sisteme entegrasyon.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udd17<\/div>\n <div class=\"service-title\">ERP & Sistem Entegrasyonu<\/div>\n <p class=\"service-desc\">SAP, Oracle, Netsis ve di\u011fer ERP sistemlerine read-only, g\u00fcvenli entegrasyon. Operasyonu durdurmadan zek\u00e2 katman\u0131 ekliyoruz.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <div class=\"service-title\">Karar Zek\u00e2s\u0131 & Analitik<\/div>\n <p class=\"service-desc\">Ham veriden y\u00f6netilebilir karar alanlar\u0131. Risk, sapma, \u00f6ncelik ve aksiyon \u00fcretimi. Rapor de\u011fil, \u00f6ncelik odakl\u0131 \u00e7\u0131kt\u0131.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfed<\/div>\n <div class=\"service-title\">\u00dcretim & Hat Optimizasyonu<\/div>\n <p class=\"service-desc\">MES ve SCADA sistemleriyle entegre hat zek\u00e2s\u0131. Darbo\u011faz tespiti, tempo dengesi ve ak\u0131\u015f optimizasyonu \u00e7\u00f6z\u00fcmleri.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\uded2<\/div>\n <div class=\"service-title\">E-Ticaret Zek\u00e2 Platformu<\/div>\n <p class=\"service-desc\">Trendyol ve \u00e7ok kanall\u0131 e-ticaret operasyonlar\u0131 i\u00e7in otomasyon ve k\u00e2rl\u0131l\u0131k analizi. Ger\u00e7ek marj, iade ve komisyon g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\n <div class=\"service-title\">Dan\u0131\u015fmanl\u0131k & Pilot Proje<\/div>\n <p class=\"service-desc\">Ke\u015fif g\u00f6r\u00fc\u015fmesinden pilot PoC’a kadar yap\u0131land\u0131r\u0131lm\u0131\u015f devreye alma. 15 dakikada do\u011fru \u00e7\u00f6z\u00fcm grubunu ve kapsam\u0131 netle\u015ftiriyoruz.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"iletisim\">\n <div class=\"container\">\n <div class=\"contact-grid\">\n <div>\n <div class=\"section-label\">\u0130leti\u015fim<\/div>\n <h2 class=\"section-title\">Hemen<br><span class=\"grad-text\">g\u00f6r\u00fc\u015felim.<\/span><\/h2>\n <p class=\"section-body\">\n Projeniz, fikriniz veya sorunuz ne olursa olsun\n 15 dakikal\u0131k bir de\u011ferlendirme ile nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 netle\u015ftirelim.\n <\/p>\n <div class=\"contact-info-items\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udce7<\/div>\n <div class=\"contact-item-text\">\n <strong>E-Posta<\/strong>\n <a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"58353d2a30393a39183337223935392a33763b3735\">[merhaba@kozamark.com]<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\n <div class=\"contact-item-text\">\n <strong>Telefon<\/strong>\n 0850 304 93 87\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\n <div class=\"contact-item-text\">\n <strong>Adres<\/strong>\n Esentepe Mah. Talatpa\u015fa Cad. No:5\/1<br>Levent, 34394 \u015ei\u015fli \/ \u0130stanbul\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\n <div class=\"contact-item-text\">\n <strong>\u00c7al\u0131\u015fma Saatleri<\/strong>\n Pazartesi \u2013 Cuma, 09:00 \u2013 18:00\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form\">\n <div class=\"form-title\">Mesaj G\u00f6nderin<\/div>\n <form id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/mgopwdgp\" method=\"POST\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"fname\">Ad<\/label>\n <input type=\"text\" id=\"fname\" name=\"ad\" placeholder=\"Ad\u0131n\u0131z\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"lname\">Soyad<\/label>\n <input type=\"text\" id=\"lname\" name=\"soyad\" placeholder=\"Soyad\u0131n\u0131z\" required \/>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">E-Posta<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"ornek@sirket.com\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone\">Telefon<\/label>\n <input type=\"tel\" id=\"phone\" name=\"telefon\" placeholder=\"0 5XX XXX XX XX\" \/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"service\">\u0130lgilendi\u011finiz \u00dcr\u00fcn \/ Hizmet<\/label>\n <select id=\"service\" name=\"hizmet\">\n <option value=\"\">Se\u00e7iniz<\/option>\n <option>Koza AI \u2014 ERP Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 \u00dcretim Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 Hat Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 E-Ticaret Zek\u00e2 Platformu<\/option>\n <option>MaykQ \u2014 Trendyol Otomasyon<\/option>\n <option>Genel Dan\u0131\u015fmanl\u0131k<\/option>\n <option>Di\u011fer<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">Mesaj\u0131n\u0131z<\/label>\n <textarea id=\"message\" name=\"mesaj\" placeholder=\"Projenizi, ihtiyac\u0131n\u0131z\u0131 veya sorunuzu k\u0131saca anlat\u0131n\u2026\"><\/textarea>\n <\/div>\n \n <input type=\"text\" name=\"_gotcha\" style=\"display:none\" \/>\n <input type=\"hidden\" name=\"_language\" value=\"tr\" \/>\n <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et<\/button>\n <\/form>\n <div id=\"formSuccess\" style=\"display:none; text-align:center; padding: 2rem 0;\">\n <div style=\"font-size:2rem; margin-bottom:0.8rem;\">\u2705<\/div>\n <div style=\"font-weight:600; font-size:1rem; margin-bottom:0.4rem;\">Mesaj\u0131n\u0131z iletildi!<\/div>\n <div style=\"font-size:0.85rem; color:var(--text-muted);\">En k\u0131sa s\u00fcrede merhaba@kozamark.com \u00fczerinden d\u00f6n\u00fc\u015f yapaca\u011f\u0131z.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/div>\n <p class=\"footer-tagline\">\n Kozamark Bili\u015fim Teknolojileri San. Tic. Ltd. \u015eti.<br>\n Kurumsal yapay zek\u00e2 \u00e7\u00f6z\u00fcmleri deterministik, g\u00fcvenilir, \u00f6l\u00e7\u00fclebilir.\n <\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>\u00dcr\u00fcnler<\/h5>\n <ul>\n <li><a href=\"https:\/\/koza-ai.com\" target=\"_blank\">Koza AI<\/a><\/li>\n <li><a href=\"https:\/\/maykq.com\" target=\"_blank\">MaykQ<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>\u015eirket<\/h5>\n <ul>\n <li><a href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#hizmetler\">Hizmetler<\/a><\/li>\n <li><a href=\"#iletisim\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Hukuki<\/h5>\n <ul>\n <li><a href=\"#\">KVKK Ayd\u0131nlatma<\/a><\/li>\n <li><a href=\"#\">Gizlilik Politikas\u0131<\/a><\/li>\n <li><a href=\"#\">Kullan\u0131m Ko\u015fullar\u0131<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2026 Kozamark Bili\u015fim Teknolojileri San. Tic. Ltd. \u015eti. \u2014 T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/div>\n <div class=\"footer-copy\"><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"137e76617b72717253787c69727e7261783d707c7e\"]<\/a><\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(el => {\n if (el.isIntersecting) {\n el.target.style.opacity = '1';\n el.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.feat-row, .project-card, .service-card, .contact-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(18px)';\n el.style.transition = 'opacity 0.55s ease, transform 0.55s ease, border-color 0.25s';\n observer.observe(el);\n });\n\n const form = document.getElementById('contactForm');\n const submitBtn = document.getElementById('submitBtn');\n const formSuccess = document.getElementById('formSuccess');\n\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n submitBtn.disabled = true;\n submitBtn.textContent = 'G\u00f6nderiliyor\u2026';\n submitBtn.style.opacity = '0.7';\n\n try {\n const res = await fetch(form.action, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n });\n\n if (res.ok) {\n form.style.display = 'none';\n formSuccess.style.display = 'block';\n } else {\n const data = await res.json();\n const msg = data.errors ? data.errors.map(e => e.message).join(', ') : 'Bir hata olu\u015ftu.';\n submitBtn.textContent = '\u26a0 ' + msg;\n submitBtn.style.background = 'linear-gradient(135deg,#9D2A2A,#7A1A1A)';\n submitBtn.disabled = false;\n setTimeout(() => {\n submitBtn.textContent = 'G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et';\n submitBtn.style.background = '';\n submitBtn.style.opacity = '1';\n }, 4000);\n }\n } catch {\n submitBtn.textContent = '\u26a0 Ba\u011flant\u0131 hatas\u0131, l\u00fctfen tekrar deneyin.';\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n setTimeout(() => {\n submitBtn.textContent = 'G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et';\n submitBtn.style.background = '';\n }, 4000);\n }\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kozamark.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":14,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-02-09T13:04:43","date_gmt":"2026-02-09T13:04:43","guid":{"rendered":"https:\/\/kozamark.com\/?page_id=8"},"modified":"2026-03-25T22:36:33","modified_gmt":"2026-03-25T22:36:33","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/kozamark.com\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\n\n\n\n\n\n \n \n Kozamark Bili\u015fim Teknolojileri \u2014 Yapay Zek\u00e2 \u00c7\u00f6z\u00fcmleri<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Sora:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #07080F;\n --surface: #0C0E1A;\n --surface2: #111428;\n --border: rgba(110, 80, 200, 0.2);\n\n --purple: #8B52D6;\n --blue: #4A7FD4;\n --cyan: #00C9B1;\n\n --grad: linear-gradient(135deg, #8B52D6, #4A7FD4, #00C9B1);\n --grad-text: linear-gradient(135deg, #B07AFF, #5A9FFF, #00DFC9);\n\n --accent-dim: rgba(74, 127, 212, 0.12);\n --purple-dim: rgba(139, 82, 214, 0.12);\n --cyan-dim: rgba(0, 201, 177, 0.12);\n\n --text: #E8EBF5;\n --text-muted: #7A7E9A;\n --radius: 14px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Sora', sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n opacity: 0.025;\n pointer-events: none;\n z-index: 0;\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 5%;\n height: 72px;\n background: rgba(7,8,15,0.88);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo img { height: 36px; width: auto; display: block; }\n .nav-links { display: flex; gap: 2.2rem; list-style: none; }\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--cyan); }\n .nav-cta {\n background: var(--grad);\n color: #fff;\n padding: 0.45rem 1.3rem;\n border-radius: 6px;\n font-size: 0.8rem;\n font-family: 'Sora', sans-serif;\n font-weight: 600;\n letter-spacing: 0.05em;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s, transform 0.2s;\n border: none;\n }\n .nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex; align-items: center; justify-content: center;\n text-align: center;\n padding: 120px 5% 80px;\n overflow: hidden;\n }\n .glow-blob {\n position: absolute; border-radius: 50%;\n pointer-events: none; filter: blur(120px); opacity: 0.16;\n }\n .glow-blob-1 { width: 600px; height: 600px; top: -10%; left: -8%; background: var(--purple); }\n .glow-blob-2 { width: 500px; height: 500px; top: 20%; right: -8%; background: var(--blue); }\n .glow-blob-3 { width: 400px; height: 400px; bottom: -10%; left: 30%; background: var(--cyan); }\n .hero-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(74,127,212,0.07) 1px, transparent 1px),\n linear-gradient(90deg, rgba(74,127,212,0.07) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 0%, transparent 100%);\n }\n .hero-content { position: relative; z-index: 1; max-width: 880px; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 0.6rem;\n background: rgba(139,82,214,0.1);\n border: 1px solid rgba(139,82,214,0.3);\n color: #B07AFF;\n font-size: 0.73rem; font-weight: 600;\n letter-spacing: 0.12em; text-transform: uppercase;\n padding: 0.35rem 1rem; border-radius: 100px;\n margin-bottom: 2rem;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--grad); border-radius: 50%; }\n h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3rem, 6.5vw, 5.6rem);\n font-weight: 700; line-height: 1.1;\n margin-bottom: 1.5rem;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .grad-text {\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .hero-sub {\n font-size: 1.05rem; color: var(--text-muted);\n max-width: 580px; margin: 0 auto 2.5rem;\n font-weight: 300; line-height: 1.8;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n .hero-actions {\n display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--grad); color: #fff;\n padding: 0.85rem 2.2rem; border-radius: 8px;\n font-weight: 600; font-size: 0.9rem;\n text-decoration: none; letter-spacing: 0.04em;\n transition: opacity 0.2s, transform 0.2s;\n }\n .btn-primary:hover { opacity: 0.85; transform: translateY(-2px); }\n .btn-outline {\n border: 1px solid rgba(74,127,212,0.35); color: var(--text);\n padding: 0.85rem 2.2rem; border-radius: 8px;\n font-weight: 400; font-size: 0.9rem;\n text-decoration: none; transition: border-color 0.2s, color 0.2s;\n }\n .btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }\n .hero-stats {\n display: flex; gap: 3rem; justify-content: center; flex-wrap: wrap;\n margin-top: 5rem; padding-top: 3rem;\n border-top: 1px solid rgba(110,80,200,0.2);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .stat-item { text-align: center; }\n .stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.6rem; font-weight: 700; line-height: 1;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .stat-label { font-size: 0.76rem; color: var(--text-muted); margin-top: 0.3rem; letter-spacing: 0.06em; text-transform: uppercase; }\n\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n section { padding: 100px 5%; position: relative; }\n .section-label {\n font-size: 0.72rem; letter-spacing: 0.14em;\n text-transform: uppercase; font-weight: 600;\n margin-bottom: 0.75rem;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; display: inline-block;\n }\n .section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 4vw, 3.2rem);\n font-weight: 700; line-height: 1.2; margin-bottom: 1.2rem;\n }\n .section-body { color: var(--text-muted); font-size: 0.95rem; max-width: 560px; font-weight: 300; line-height: 1.8; }\n .container { max-width: 1160px; margin: 0 auto; }\n\n \/* \u2500\u2500 HAKKIMIZDA \u2500\u2500 *\/\n #hakkimizda { background: var(--surface); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\n .about-features { display: flex; flex-direction: column; gap: 1.2rem; margin-top: 2rem; }\n .feat-row {\n display: flex; gap: 1rem; align-items: flex-start;\n padding: 1.2rem 1.4rem;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.25s, transform 0.25s;\n }\n .feat-row:hover { border-color: var(--cyan); transform: translateX(4px); }\n .feat-icon {\n font-size: 1.2rem; width: 42px; height: 42px;\n display: flex; align-items: center; justify-content: center;\n background: var(--purple-dim); border-radius: 10px; flex-shrink: 0;\n }\n .feat-text h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; }\n .feat-text p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }\n .about-visual {\n position: relative; height: 440px;\n border-radius: var(--radius);\n background: var(--surface2);\n border: 1px solid var(--border);\n overflow: hidden;\n display: flex; align-items: center; justify-content: center;\n }\n .orb-wrap { position: relative; width: 260px; height: 260px; }\n .orb-ring {\n position: absolute; border-radius: 50%; border: 1px solid;\n top: 50%; left: 50%; transform: translate(-50%,-50%);\n }\n .orb-ring-1 { width: 260px; height: 260px; border-color: rgba(139,82,214,0.3); animation: spin 22s linear infinite; }\n .orb-ring-2 { width: 200px; height: 200px; border-color: rgba(74,127,212,0.3); animation: spin 16s linear infinite reverse; }\n .orb-ring-3 { width: 140px; height: 140px; border-color: rgba(0,201,177,0.35); animation: spin 10s linear infinite; }\n .orb-center {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n width: 90px; height: 90px;\n background: var(--grad);\n border-radius: 50%; filter: blur(24px); opacity: 0.6;\n }\n .orb-logo-img {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n width: 72px; height: 72px; object-fit: contain; z-index: 2;\n }\n .about-bg-glow {\n position: absolute; inset: 0;\n background: radial-gradient(circle at 50% 50%, rgba(74,127,212,0.09), transparent 70%);\n }\n\n \/* \u2500\u2500 PROJELER\u0130M\u0130Z \u2500\u2500 *\/\n .projects-header { text-align: center; margin-bottom: 4rem; }\n .projects-header .section-body { margin: 0 auto; }\n .projects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }\n .project-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2.8rem; position: relative; overflow: hidden;\n transition: transform 0.3s, border-color 0.3s;\n }\n .project-card:hover { transform: translateY(-6px); }\n .project-card.koza:hover { border-color: var(--purple); }\n .project-card.mayk:hover { border-color: var(--cyan); }\n .project-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n }\n .project-card.koza::before { background: linear-gradient(90deg, transparent, var(--purple), var(--blue), transparent); }\n .project-card.mayk::before { background: linear-gradient(90deg, transparent, var(--blue), var(--cyan), transparent); }\n .project-card-glow {\n position: absolute; top: -60px; right: -60px;\n width: 200px; height: 200px; border-radius: 50%;\n opacity: 0.07; filter: blur(60px); pointer-events: none;\n }\n .project-card.koza .project-card-glow { background: var(--purple); }\n .project-card.mayk .project-card-glow { background: var(--cyan); }\n .project-badge {\n display: inline-block; font-size: 0.7rem;\n letter-spacing: 0.12em; text-transform: uppercase;\n font-weight: 600; padding: 0.25rem 0.75rem;\n border-radius: 100px; margin-bottom: 1.5rem;\n }\n .project-card.koza .project-badge { color: #B07AFF; background: rgba(139,82,214,0.12); border: 1px solid rgba(139,82,214,0.25); }\n .project-card.mayk .project-badge { color: var(--cyan); background: var(--cyan-dim); border: 1px solid rgba(0,201,177,0.25); }\n .project-name {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.4rem; font-weight: 700; margin-bottom: 0.4rem;\n }\n .project-card.koza .project-name { color: #C8A8FF; }\n .project-card.mayk .project-name { color: #6EEEE0; }\n .project-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem; font-style: italic;\n color: var(--text-muted); margin-bottom: 1.2rem;\n }\n .project-desc { font-size: 0.87rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 2rem; }\n .project-features { display: flex; flex-direction: column; gap: 0.55rem; margin-bottom: 2rem; }\n .project-features li {\n list-style: none; font-size: 0.83rem;\n color: var(--text-muted);\n display: flex; align-items: center; gap: 0.6rem;\n }\n .project-card.koza .project-features li::before { content: '\u2192'; color: var(--purple); }\n .project-card.mayk .project-features li::before { content: '\u2192'; color: var(--cyan); }\n .project-link {\n display: inline-flex; align-items: center; gap: 0.4rem;\n text-decoration: none; font-size: 0.83rem;\n font-weight: 600; letter-spacing: 0.04em;\n border-bottom: 1px solid transparent; transition: border-color 0.2s;\n }\n .project-card.koza .project-link { color: #B07AFF; }\n .project-card.koza .project-link:hover { border-color: #B07AFF; }\n .project-card.mayk .project-link { color: var(--cyan); }\n .project-card.mayk .project-link:hover { border-color: var(--cyan); }\n .project-link::after { content: ' \u2197'; }\n\n \/* \u2500\u2500 H\u0130ZMETLER \u2500\u2500 *\/\n #hizmetler { background: var(--surface); }\n .services-header { text-align: center; margin-bottom: 4rem; }\n .services-header .section-body { margin: 0 auto; }\n .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\n .service-card {\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem 1.8rem;\n transition: border-color 0.25s, transform 0.25s;\n }\n .service-card:hover { transform: translateY(-4px); border-color: var(--blue); }\n .service-icon {\n font-size: 1.4rem; margin-bottom: 1.2rem;\n width: 50px; height: 50px; background: var(--accent-dim);\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n }\n .service-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 0.6rem; }\n .service-desc { font-size: 0.82rem; color: var(--text-muted); line-height: 1.65; }\n\n \/* \u2500\u2500 \u0130LET\u0130\u015e\u0130M \u2500\u2500 *\/\n .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: start; }\n .contact-info-items { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }\n .contact-item {\n display: flex; gap: 1rem; align-items: flex-start;\n padding: 1rem 1.2rem;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.2s;\n }\n .contact-item:hover { border-color: rgba(0,201,177,0.35); }\n .contact-icon {\n font-size: 1rem; width: 36px; height: 36px;\n background: var(--cyan-dim); border-radius: 8px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .contact-item-text { font-size: 0.83rem; color: var(--text-muted); }\n .contact-item-text strong { display: block; color: var(--text); font-size: 0.85rem; margin-bottom: 0.1rem; }\n .contact-form {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2.5rem;\n }\n .form-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem; font-weight: 700; margin-bottom: 1.8rem;\n }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .form-group { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1rem; }\n .form-group label { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }\n .form-group input,\n .form-group textarea,\n .form-group select {\n background: var(--surface2);\n border: 1px solid var(--border);\n color: var(--text);\n padding: 0.72rem 1rem;\n border-radius: 8px;\n font-family: 'Sora', sans-serif;\n font-size: 0.88rem;\n outline: none;\n transition: border-color 0.2s;\n width: 100%;\n }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus { border-color: var(--cyan); }\n .form-group textarea { resize: vertical; min-height: 100px; }\n .form-group select option { background: var(--surface2); }\n .form-submit {\n width: 100%; background: var(--grad); color: #fff; border: none;\n padding: 0.95rem; border-radius: 8px;\n font-family: 'Sora', sans-serif; font-size: 0.9rem; font-weight: 600;\n letter-spacing: 0.04em; cursor: pointer;\n transition: opacity 0.2s, transform 0.2s; margin-top: 0.5rem;\n }\n .form-submit:hover { opacity: 0.85; transform: translateY(-1px); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--surface);\n border-top: 1px solid var(--border);\n padding: 4.5rem 5% 2.5rem;\n }\n .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }\n .footer-brand { max-width: 290px; }\n .footer-logo img { height: 30px; width: auto; margin-bottom: 1rem; display: block; }\n .footer-tagline { font-size: 0.82rem; color: var(--text-muted); line-height: 1.7; }\n .footer-col h5 {\n font-size: 0.72rem; letter-spacing: 0.12em;\n text-transform: uppercase; font-weight: 600; margin-bottom: 1rem;\n background: var(--grad-text);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }\n .footer-col ul a { font-size: 0.83rem; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }\n .footer-col ul a:hover { color: var(--cyan); }\n .footer-bottom {\n border-top: 1px solid var(--border); padding-top: 2rem;\n display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n }\n .footer-copy { font-size: 0.77rem; color: var(--text-muted); }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes spin {\n from { transform: translate(-50%,-50%) rotate(0deg); }\n to { transform: translate(-50%,-50%) rotate(360deg); }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n .about-grid, .contact-grid, .footer-grid { grid-template-columns: 1fr; }\n .projects-grid { grid-template-columns: 1fr; }\n .services-grid { grid-template-columns: repeat(2,1fr); }\n .form-row { grid-template-columns: 1fr; }\n .nav-links { display: none; }\n .about-visual { height: 280px; }\n .hero-stats { gap: 1.8rem; }\n }\n @media (max-width: 520px) {\n .services-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#hero\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#projeler\">Projeler<\/a><\/li>\n <li><a href=\"#hizmetler\">Hizmetler<\/a><\/li>\n <li><a href=\"#iletisim\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <a href=\"#iletisim\" class=\"nav-cta\">G\u00f6r\u00fc\u015fme Planla<\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"glow-blob glow-blob-1\"><\/div>\n <div class=\"glow-blob glow-blob-2\"><\/div>\n <div class=\"glow-blob glow-blob-3\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n Yapay Zek\u00e2 & Bili\u015fim Teknolojileri\n <\/div>\n <h1>Veriden <span class=\"grad-text\">zek\u00e2ya,<\/span><br>zek\u00e2dan karara.<\/h1>\n <p class=\"hero-sub\">\n Kozamark Bili\u015fim, kurumsal yapay zek\u00e2 \u00e7\u00f6z\u00fcmleriyle i\u015fletmelerin\n operasyonel verimlili\u011fini ve karar kalitesini d\u00f6n\u00fc\u015ft\u00fcr\u00fcyor.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#projeler\" class=\"btn-primary\">Projelerimizi Ke\u015ffet<\/a>\n <a href=\"#iletisim\" class=\"btn-outline\">G\u00f6r\u00fc\u015fme Planla<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">2<\/div>\n <div class=\"stat-label\">Aktif \u00dcr\u00fcn<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">4<\/div>\n <div class=\"stat-label\">\u00c7\u00f6z\u00fcm Grubu<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">7\/24<\/div>\n <div class=\"stat-label\">Kesintisiz Hizmet<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\">%0<\/div>\n <div class=\"stat-label\">Hallucination Riski<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hakkimizda\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div>\n <div class=\"section-label\">Hakk\u0131m\u0131zda<\/div>\n <h2 class=\"section-title\">Yapay zek\u00e2y\u0131<br><span class=\"grad-text\">\u00fcr\u00fcne d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.<\/span><\/h2>\n <p class=\"section-body\">\n Kozamark Bili\u015fim Teknolojileri olarak ERP, \u00fcretim, e-ticaret ve sekt\u00f6rel i\u015f\n s\u00fcre\u00e7leri \u00fczerine \u00f6zg\u00fcn yapay zek\u00e2 \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. Deterministik\n mimari anlay\u0131\u015f\u0131m\u0131zla g\u00fcvenilir, \u00f6l\u00e7\u00fclebilir ve i\u015f de\u011feri \u00fcreten sistemler tasarl\u0131yoruz.\n <\/p>\n <div class=\"about-features\">\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\ud83e\udde0<\/div>\n <div class=\"feat-text\">\n <h4>Deterministik Yapay Zek\u00e2<\/h4>\n <p>Tahmin de\u011fil, do\u011frulanabilir kayna\u011fa dayal\u0131 \u00e7\u0131kt\u0131. Her yan\u0131t %100 izlenebilir.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\ud83d\udd12<\/div>\n <div class=\"feat-text\">\n <h4>G\u00fcvenli Mimari<\/h4>\n <p>KVKK uyumlu, ISO 27001 sertifikal\u0131 T\u00fcrkiye altyap\u0131s\u0131. Veriler yurt i\u00e7inde.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-row\">\n <div class=\"feat-icon\">\u26a1<\/div>\n <div class=\"feat-text\">\n <h4>H\u0131zl\u0131 Devreye Alma<\/h4>\n <p>Ke\u015fif \u2192 Pilot \u2192 Devreye Alma \u2192 S\u00fcrekli \u0130yile\u015ftirme. Operasyonu durdurmadan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-visual\">\n <div class=\"about-bg-glow\"><\/div>\n <div class=\"orb-wrap\">\n <div class=\"orb-ring orb-ring-1\"><\/div>\n <div class=\"orb-ring orb-ring-2\"><\/div>\n <div class=\"orb-ring orb-ring-3\"><\/div>\n <div class=\"orb-center\"><\/div>\n <img decoding=\"async\" class=\"orb-logo-img\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"projeler\">\n <div class=\"container\">\n <div class=\"projects-header\">\n <div class=\"section-label\">Projelerimiz<\/div>\n <h2 class=\"section-title\">\u0130ki g\u00fc\u00e7l\u00fc \u00fcr\u00fcn,<br><span class=\"grad-text\">iki farkl\u0131 problem.<\/span><\/h2>\n <p class=\"section-body\">\n Kurumsal karar zek\u00e2s\u0131ndan e-ticaret otomasyonuna \u2014 farkl\u0131 \u00f6l\u00e7ek ve sekt\u00f6rlere\n \u00f6zg\u00fcn yapay zek\u00e2\u00e7\u00f6z\u00fcmleri sunuyoruz.\n <\/p>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"project-card koza\">\n <div class=\"project-card-glow\"><\/div>\n <div class=\"project-badge\">Kurumsal Yapay Zek\u00e2<\/div>\n <div class=\"project-name\">Koza AI<\/div>\n <div class=\"project-tagline\">Kurumu rapordan \u00e7\u0131kar\u0131r, karara ta\u015f\u0131r.<\/div>\n <p class=\"project-desc\">\n ERP, \u00fcretim hatt\u0131 ve e-ticaret sistemlerinden beslenen zek\u00e2 katman\u0131. Y\u00f6neticilerin\n “nereden ba\u015flamal\u0131y\u0131m?” sorusuna veriye dayal\u0131, aksiyon odakl\u0131 yan\u0131t \u00fcretiyor.\n Read-only entegrasyonla kontrol katman\u0131na dokunmadan g\u00fcvenle konumlan\u0131yor.\n <\/p>\n <ul class=\"project-features\">\n <li>Koza ERP Zek\u00e2lar\u0131 \u2014 risk, sapma ve \u00f6ncelik \u00fcretimi<\/li>\n <li>Koza \u00dcretim Zek\u00e2lar\u0131 \u2014 darbo\u011faz ve kay\u0131p analizi<\/li>\n <li>Koza Hat Zek\u00e2lar\u0131 \u2014 ak\u0131\u015f, s\u0131ra ve tempo kararlar\u0131<\/li>\n <li>Koza E-Ticaret Zek\u00e2 Platformu \u2014 ger\u00e7ek k\u00e2rl\u0131l\u0131k analizi<\/li>\n <\/ul>\n <a href=\"https:\/\/koza-ai.com\" target=\"_blank\" class=\"project-link\">koza-ai.com<\/a>\n <\/div>\n <div class=\"project-card mayk\">\n <div class=\"project-card-glow\"><\/div>\n <div class=\"project-badge\">E-Ticaret Otomasyonu<\/div>\n <div class=\"project-name\">MaykQ<\/div>\n <div class=\"project-tagline\">Siz uyurken MaykQ, sat\u0131\u015f yaps\u0131n.<\/div>\n <p class=\"project-desc\">\n Trendyol sat\u0131c\u0131lar\u0131 i\u00e7in yapay zek\u00e2 destekli m\u00fc\u015fteri soru yan\u0131tlama platformu.\n Saniyeler i\u00e7inde 7\/24 otomatik yan\u0131t. Soru s\u0131n\u0131r\u0131 yok, s\u00fcrpriz \u00fccret yok.\n Sabit fiyat garantisi ile ma\u011faza puan\u0131n\u0131z\u0131 ve d\u00f6n\u00fc\u015f\u00fcm oran\u0131n\u0131z\u0131 art\u0131r\u0131yor.\n <\/p>\n <ul class=\"project-features\">\n <li>Deterministik AI \u2014 hallucination riski s\u0131f\u0131r<\/li>\n <li>S\u0131n\u0131rs\u0131z soru & \u00fcr\u00fcn entegrasyonu<\/li>\n <li>Tam otomatik veya onayl\u0131 (hibrit) mod<\/li>\n <li>Trendyol kural uyum filtresi \u2014 otomatik<\/li>\n <\/ul>\n <a href=\"https:\/\/maykq.com\" target=\"_blank\" class=\"project-link\">maykq.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hizmetler\">\n <div class=\"container\">\n <div class=\"services-header\">\n <div class=\"section-label\">Hizmetler<\/div>\n <h2 class=\"section-title\">Ne sunuyoruz?<\/h2>\n <p class=\"section-body\">\n \u00dcr\u00fcn geli\u015ftirmeden dan\u0131\u015fmanl\u0131\u011fa, entegrasyondan s\u00fcreklili\u011fe kadar\n yapay zeka yolculu\u011funuzun her ad\u0131m\u0131nday\u0131z.\n <\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83e\udd16<\/div>\n <div class=\"service-title\">Yapay Zek\u00e2 \u00dcr\u00fcn Geli\u015ftirme<\/div>\n <p class=\"service-desc\">\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zg\u00fc, deterministik yapay zek\u00e2 sistemleri tasarl\u0131yor ve geli\u015ftiriyoruz. S\u0131f\u0131rdan \u00fcr\u00fcn veya mevcut sisteme entegrasyon.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udd17<\/div>\n <div class=\"service-title\">ERP & Sistem Entegrasyonu<\/div>\n <p class=\"service-desc\">SAP, Oracle, Netsis ve di\u011fer ERP sistemlerine read-only, g\u00fcvenli entegrasyon. Operasyonu durdurmadan zek\u00e2 katman\u0131 ekliyoruz.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <div class=\"service-title\">Karar Zek\u00e2s\u0131 & Analitik<\/div>\n <p class=\"service-desc\">Ham veriden y\u00f6netilebilir karar alanlar\u0131. Risk, sapma, \u00f6ncelik ve aksiyon \u00fcretimi. Rapor de\u011fil, \u00f6ncelik odakl\u0131 \u00e7\u0131kt\u0131.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfed<\/div>\n <div class=\"service-title\">\u00dcretim & Hat Optimizasyonu<\/div>\n <p class=\"service-desc\">MES ve SCADA sistemleriyle entegre hat zek\u00e2s\u0131. Darbo\u011faz tespiti, tempo dengesi ve ak\u0131\u015f optimizasyonu \u00e7\u00f6z\u00fcmleri.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\uded2<\/div>\n <div class=\"service-title\">E-Ticaret Zek\u00e2 Platformu<\/div>\n <p class=\"service-desc\">Trendyol ve \u00e7ok kanall\u0131 e-ticaret operasyonlar\u0131 i\u00e7in otomasyon ve k\u00e2rl\u0131l\u0131k analizi. Ger\u00e7ek marj, iade ve komisyon g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc.<\/p>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\n <div class=\"service-title\">Dan\u0131\u015fmanl\u0131k & Pilot Proje<\/div>\n <p class=\"service-desc\">Ke\u015fif g\u00f6r\u00fc\u015fmesinden pilot PoC’a kadar yap\u0131land\u0131r\u0131lm\u0131\u015f devreye alma. 15 dakikada do\u011fru \u00e7\u00f6z\u00fcm grubunu ve kapsam\u0131 netle\u015ftiriyoruz.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"iletisim\">\n <div class=\"container\">\n <div class=\"contact-grid\">\n <div>\n <div class=\"section-label\">\u0130leti\u015fim<\/div>\n <h2 class=\"section-title\">Hemen<br><span class=\"grad-text\">g\u00f6r\u00fc\u015felim.<\/span><\/h2>\n <p class=\"section-body\">\n Projeniz, fikriniz veya sorunuz ne olursa olsun\n 15 dakikal\u0131k bir de\u011ferlendirme ile nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 netle\u015ftirelim.\n <\/p>\n <div class=\"contact-info-items\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udce7<\/div>\n <div class=\"contact-item-text\">\n <strong>E-Posta<\/strong>\n <a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"58353d2a30393a39183337223935392a33763b3735\">[merhaba@kozamark.com]<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\n <div class=\"contact-item-text\">\n <strong>Telefon<\/strong>\n 0850 304 93 87\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\n <div class=\"contact-item-text\">\n <strong>Adres<\/strong>\n Esentepe Mah. Talatpa\u015fa Cad. No:5\/1<br>Levent, 34394 \u015ei\u015fli \/ \u0130stanbul\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\n <div class=\"contact-item-text\">\n <strong>\u00c7al\u0131\u015fma Saatleri<\/strong>\n Pazartesi \u2013 Cuma, 09:00 \u2013 18:00\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form\">\n <div class=\"form-title\">Mesaj G\u00f6nderin<\/div>\n <form id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/mgopwdgp\" method=\"POST\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"fname\">Ad<\/label>\n <input type=\"text\" id=\"fname\" name=\"ad\" placeholder=\"Ad\u0131n\u0131z\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"lname\">Soyad<\/label>\n <input type=\"text\" id=\"lname\" name=\"soyad\" placeholder=\"Soyad\u0131n\u0131z\" required \/>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">E-Posta<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"ornek@sirket.com\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone\">Telefon<\/label>\n <input type=\"tel\" id=\"phone\" name=\"telefon\" placeholder=\"0 5XX XXX XX XX\" \/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"service\">\u0130lgilendi\u011finiz \u00dcr\u00fcn \/ Hizmet<\/label>\n <select id=\"service\" name=\"hizmet\">\n <option value=\"\">Se\u00e7iniz<\/option>\n <option>Koza AI \u2014 ERP Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 \u00dcretim Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 Hat Zek\u00e2lar\u0131<\/option>\n <option>Koza AI \u2014 E-Ticaret Zek\u00e2 Platformu<\/option>\n <option>MaykQ \u2014 Trendyol Otomasyon<\/option>\n <option>Genel Dan\u0131\u015fmanl\u0131k<\/option>\n <option>Di\u011fer<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">Mesaj\u0131n\u0131z<\/label>\n <textarea id=\"message\" name=\"mesaj\" placeholder=\"Projenizi, ihtiyac\u0131n\u0131z\u0131 veya sorunuzu k\u0131saca anlat\u0131n\u2026\"><\/textarea>\n <\/div>\n \n <input type=\"text\" name=\"_gotcha\" style=\"display:none\" \/>\n <input type=\"hidden\" name=\"_language\" value=\"tr\" \/>\n <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et<\/button>\n <\/form>\n <div id=\"formSuccess\" style=\"display:none; text-align:center; padding: 2rem 0;\">\n <div style=\"font-size:2rem; margin-bottom:0.8rem;\">\u2705<\/div>\n <div style=\"font-weight:600; font-size:1rem; margin-bottom:0.4rem;\">Mesaj\u0131n\u0131z iletildi!<\/div>\n <div style=\"font-size:0.85rem; color:var(--text-muted);\">En k\u0131sa s\u00fcrede merhaba@kozamark.com \u00fczerinden d\u00f6n\u00fc\u015f yapaca\u011f\u0131z.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"Kozamark_Ltd_Logo_Renkli_.png\" alt=\"Kozamark\" \/>\n <\/div>\n <p class=\"footer-tagline\">\n Kozamark Bili\u015fim Teknolojileri San. Tic. Ltd. \u015eti.<br>\n Kurumsal yapay zek\u00e2 \u00e7\u00f6z\u00fcmleri deterministik, g\u00fcvenilir, \u00f6l\u00e7\u00fclebilir.\n <\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>\u00dcr\u00fcnler<\/h5>\n <ul>\n <li><a href=\"https:\/\/koza-ai.com\" target=\"_blank\">Koza AI<\/a><\/li>\n <li><a href=\"https:\/\/maykq.com\" target=\"_blank\">MaykQ<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>\u015eirket<\/h5>\n <ul>\n <li><a href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#hizmetler\">Hizmetler<\/a><\/li>\n <li><a href=\"#iletisim\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Hukuki<\/h5>\n <ul>\n <li><a href=\"#\">KVKK Ayd\u0131nlatma<\/a><\/li>\n <li><a href=\"#\">Gizlilik Politikas\u0131<\/a><\/li>\n <li><a href=\"#\">Kullan\u0131m Ko\u015fullar\u0131<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2026 Kozamark Bili\u015fim Teknolojileri San. Tic. Ltd. \u015eti. \u2014 T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/div>\n <div class=\"footer-copy\"><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"137e76617b72717253787c69727e7261783d707c7e\"]<\/a><\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(el => {\n if (el.isIntersecting) {\n el.target.style.opacity = '1';\n el.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.feat-row, .project-card, .service-card, .contact-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(18px)';\n el.style.transition = 'opacity 0.55s ease, transform 0.55s ease, border-color 0.25s';\n observer.observe(el);\n });\n\n const form = document.getElementById('contactForm');\n const submitBtn = document.getElementById('submitBtn');\n const formSuccess = document.getElementById('formSuccess');\n\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n submitBtn.disabled = true;\n submitBtn.textContent = 'G\u00f6nderiliyor\u2026';\n submitBtn.style.opacity = '0.7';\n\n try {\n const res = await fetch(form.action, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n });\n\n if (res.ok) {\n form.style.display = 'none';\n formSuccess.style.display = 'block';\n } else {\n const data = await res.json();\n const msg = data.errors ? data.errors.map(e => e.message).join(', ') : 'Bir hata olu\u015ftu.';\n submitBtn.textContent = '\u26a0 ' + msg;\n submitBtn.style.background = 'linear-gradient(135deg,#9D2A2A,#7A1A1A)';\n submitBtn.disabled = false;\n setTimeout(() => {\n submitBtn.textContent = 'G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et';\n submitBtn.style.background = '';\n submitBtn.style.opacity = '1';\n }, 4000);\n }\n } catch {\n submitBtn.textContent = '\u26a0 Ba\u011flant\u0131 hatas\u0131, l\u00fctfen tekrar deneyin.';\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n setTimeout(() => {\n submitBtn.textContent = 'G\u00f6nder \u2014 G\u00f6r\u00fc\u015fme Talep Et';\n submitBtn.style.background = '';\n }, 4000);\n }\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kozamark.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":14,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/kozamark.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/kozamark.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}