Letoon Architecture | R&D and New Material Development<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Arial:wght@300;400;500;600&family=Arial:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n \/* --- RESET & BASIC SETTINGS --- *\/\n :root {\n --letoon-navy: #15296B;\n --letoon-red: #D20422;\n --letoon-dark: #050b1e;\n --letoon-blue-light: #2a4ec5;\n --tech-grey: #f0f2f5;\n --text-main: #111111;\n --text-body: #333333;\n --white: #ffffff;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body { background-color: #f8f9fa; }\n\n .letoon-research-wrapper {\n font-family: 'Arial', sans-serif;\n color: var(--text-main);\n background-color: #fdfdfd;\n background-image: radial-gradient(#e2e8f0 1px, transparent 1px);\n background-size: 30px 30px;\n line-height: 1.6;\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: hidden;\n box-shadow: 0 0 50px rgba(0,0,0,0.05);\n }\n\n \/* --- RENEWED AESTHETIC HERO SECTION --- *\/\n .rd-hero {\n background-color: var(--letoon-dark);\n position: relative;\n padding: 100px 40px 120px 40px;\n border-radius: 0 0 60px 0;\n overflow: hidden;\n text-align: center;\n color: var(--white);\n isolation: isolate;\n }\n\n .rd-hero::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px; z-index: -2;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);\n }\n\n .hero-glow {\n position: absolute; border-radius: 50%; filter: blur(80px); z-index: -1; opacity: 0.6;\n animation: floatingGlow 10s infinite alternate ease-in-out;\n }\n\n .glow-1 { top: -20%; left: -10%; width: 600px; height: 600px; background: radial-gradient(circle, var(--letoon-blue-light), var(--letoon-navy)); }\n .glow-2 { bottom: -20%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, #4a0010, transparent); animation-delay: -5s; }\n\n @keyframes floatingGlow { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(30px, 50px) scale(1.1); } }\n \n .logo-effect-wrapper { position: relative; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 25px; }\n\n .letoon-logo-hero {\n height: 60px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.3)); position: relative; z-index: 2;\n will-change: transform; animation: logoHeartbeat 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n .logo-effect-wrapper::before {\n content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 100px; height: 100px; border-radius: 50%; z-index: 1;\n background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);\n background-size: 10px 10px;\n mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%);\n -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%);\n opacity: 0; will-change: transform, opacity; animation: gridRipple 2s infinite ease-out;\n }\n\n @keyframes logoHeartbeat { 0%, 28%, 70%, 100% { transform: scale(1); } 14%, 42% { transform: scale(1.08); } }\n @keyframes gridRipple { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } }\n\n .rd-hero-content {\n position: relative; z-index: 10; max-width: 850px; margin: 0 auto;\n background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 50px 30px; box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n }\n\n .rd-badge {\n display: inline-flex; align-items: center; gap: 8px; background: rgba(210, 4, 34, 0.2); border: 1px solid rgba(210, 4, 34, 0.5);\n color: #ffadb8; padding: 8px 20px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px;\n box-shadow: 0 0 15px rgba(210, 4, 34, 0.2);\n }\n\n .rd-hero h1 {\n font-size: 3rem; font-weight: 900; margin: 0 0 20px 0; line-height: 1.1; text-transform: uppercase; letter-spacing: -1px;\n text-shadow: 0 10px 30px rgba(0,0,0,0.3); color: var(--white);\n }\n \n .rd-hero h1 span { color: #cbd5e1; font-weight: 300; display: block; font-size: 0.5em; letter-spacing: 5px; margin-bottom: 10px; }\n .rd-hero p { font-size: 1.2rem; font-weight: 300; color: rgba(255, 255, 255, 0.85); max-width: 650px; margin: 0 auto; line-height: 1.6; }\n\n \/* --- SECTIONS --- *\/\n .rd-section { padding: 60px 40px; }\n \n .rd-mission-card {\n background: var(--white); border-left: 6px solid var(--letoon-red); padding: 40px;\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); border-radius: 0 16px 16px 0;\n position: relative; max-width: 900px; margin: -80px auto 60px auto; z-index: 20;\n }\n .rd-mission-text { font-size: 1.1rem; color: var(--text-body); }\n .rd-mission-text strong { color: var(--letoon-navy); font-weight: 700; }\n\n .section-header { display: flex; align-items: center; margin-bottom: 40px; margin-top: 20px; }\n .section-header h2 { font-size: 1.6rem; color: var(--letoon-navy); margin: 0; padding-right: 20px; white-space: nowrap; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; }\n .section-line { width: 100%; height: 3px; background: linear-gradient(90deg, var(--letoon-navy) 0%, transparent 100%); opacity: 0.2; border-radius: 3px; }\n\n .rd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 80px; }\n .tech-card {\n background: var(--white); border: 1px solid #e2e8f0; border-radius: 16px; padding: 35px;\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; height: 100%;\n }\n .tech-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(21, 41, 107, 0.08); border-color: var(--letoon-navy); }\n .tech-card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--letoon-navy); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }\n .tech-card:hover::after { transform: scaleX(1); }\n .tech-card-icon { font-size: 1.8rem; color: var(--letoon-navy); margin-bottom: 25px; background: var(--tech-grey); width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 14px; }\n .tech-card h3 { font-size: 1.35rem; color: var(--letoon-navy); margin: 0 0 15px 0; font-weight: 700; }\n .tech-card > p { margin-bottom: 25px; font-size: 1rem; color: var(--text-body); font-style: italic; }\n\n .check-list { list-style: none; padding: 0; margin: 0; }\n .check-list li { position: relative; padding-left: 30px; margin-bottom: 14px; font-size: 0.95rem; color: var(--text-body); font-weight: 500; line-height: 1.4; }\n .check-list li::before { content: '\\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--letoon-red); font-size: 0.85rem; }\n\n .feature-box { background: linear-gradient(to right, #ffffff, #f0f4f8); border: 1px solid #e2e8f0; border-radius: 20px; padding: 50px; display: flex; flex-wrap: wrap; align-items: center; gap: 50px; margin-bottom: 80px; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05); }\n .feature-content { flex: 2; min-width: 300px; }\n .feature-visual { flex: 1; min-width: 250px; background: var(--letoon-navy); background-image: url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png'); color: var(--white); border-radius: 16px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 15px 15px 0 var(--letoon-red); }\n .feature-visual i { font-size: 3.5rem; margin-bottom: 20px; display: block; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2)); }\n .feature-visual h4 { margin: 0; font-weight: 700; font-size: 1.2rem; color: var(--white); line-height: 1.4; }\n .feature-desc { font-size: 1.05rem; color: var(--text-body); margin-bottom: 30px; }\n\n .approach-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 40px; }\n .approach-item { background: var(--white); padding: 40px 25px; text-align: center; border-radius: 16px; border: 1px solid #eee; transition: all 0.3s ease; }\n .approach-item:hover { border-color: var(--letoon-red); background: #fffafa; transform: translateY(-5px); }\n .approach-icon { color: var(--letoon-red); font-size: 2rem; margin-bottom: 20px; }\n .approach-title { font-weight: 700; color: var(--letoon-navy); margin-bottom: 15px; display: block; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.5px; }\n .approach-item p { font-size: 0.95rem; color: var(--text-body); font-weight: 500; line-height: 1.5; }\n\n \/* --- FOOTER --- *\/\n .rd-footer {\n background: var(--letoon-navy); background-image: radial-gradient(at 50% 100%, #1e3a8a 0px, transparent 50%);\n color: var(--white); text-align: center; padding: 80px 40px; border-radius: 60px 60px 0 0; position: relative; margin-top: 60px;\n }\n .footer-cta { font-size: 2.2rem; font-weight: 800; margin-bottom: 25px; letter-spacing: 1px; color: var(--white); }\n .footer-sub { font-size: 1.15rem; color: rgba(255,255,255,0.9); max-width: 650px; margin: 0 auto 40px auto; line-height: 1.8; }\n \n .btn-contact {\n display: inline-flex; align-items: center; gap: 10px; background: var(--letoon-red); color: var(--white);\n padding: 16px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem;\n transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(210, 4, 34, 0.3); border: none; cursor: pointer; font-family: 'Arial', sans-serif;\n }\n .btn-contact:hover { background: #b0031b; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(210, 4, 34, 0.5); }\n\n \/* --- MODAL AND FORM STYLES --- *\/\n .letoon-modal-overlay {\n display: none; position: fixed !important; z-index: 2147483647 !important;\n left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important;\n width: 100% !important; height: 100% !important;\n background-color: rgba(0, 0, 0, 0.85); backdrop-filter: blur(5px);\n opacity: 0; transition: opacity 0.3s ease; overflow-x: hidden; overflow-y: auto;\n }\n .letoon-modal-overlay.active { display: block !important; opacity: 1 !important; }\n\n .letoon-modal-content {\n position: relative; margin: 40px auto; width: 90%; max-width: 900px;\n background: #fdfdfd; border-radius: 12px; font-family: 'Arial', sans-serif;\n box-shadow: 0 25px 50px rgba(0,0,0,0.5); transform: scale(0.95); opacity: 0;\n transition: all 0.4s ease; border-top: 6px solid var(--letoon-red);\n }\n .letoon-modal-overlay.active .letoon-modal-content { transform: scale(1); opacity: 1; }\n\n .close-modal-btn {\n position: absolute; top: 10px; right: 20px; font-size: 45px; font-weight: bold;\n color: var(--letoon-navy); cursor: pointer; z-index: 1010; background: none; border: none;\n line-height: 1; transition: color 0.3s; padding: 0;\n }\n .close-modal-btn:hover { color: var(--letoon-red); transform: rotate(90deg); }\n\n .letoon-inner-container { padding: 40px; text-align: left; color: #333; }\n \n .letoon-form-header-title { font-size: 2rem; font-weight: 800; color: var(--letoon-red); text-transform: uppercase; margin-bottom: 10px; }\n .letoon-form-header-desc { font-size: 1.05rem; color: #555; background: #f9f9f9; padding: 15px; border-left: 4px solid #ddd; border-radius: 0 8px 8px 0;}\n\n .letoon-form-section { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; }\n .letoon-form-section:last-child { border-bottom: none; }\n \n .letoon-form-title {\n font-size: 1.2rem; font-weight: 700; color: var(--letoon-navy); margin-bottom: 15px;\n background: #f0f2f8; padding: 10px 15px; border-left: 5px solid var(--letoon-red); border-radius: 0 4px 4px 0;\n }\n\n .letoon-form-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; }\n .letoon-input-group { flex: 1; min-width: 250px; margin-bottom: 15px;}\n .letoon-label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 0.95rem; color: #333; }\n \n .letoon-input, .letoon-select, .letoon-textarea {\n width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 6px;\n font-size: 1rem; font-family: inherit; transition: border-color 0.3s; background: #fff; color: #333;\n }\n .letoon-input:focus, .letoon-textarea:focus { border-color: var(--letoon-navy); outline: none; box-shadow: 0 0 5px rgba(21, 41, 107, 0.2); }\n .letoon-textarea { resize: vertical; min-height: 80px; }\n\n .letoon-check-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-bottom: 15px; }\n .letoon-check-item { display: flex; align-items: flex-start; gap: 8px; font-size: 0.95rem; cursor: pointer; color: #444; }\n .letoon-check-item input { margin-top: 4px; accent-color: var(--letoon-red); transform: scale(1.2); }\n\n .form-submit-btn {\n width: 100%; background: var(--letoon-navy); color: white; padding: 18px;\n font-size: 1.2rem; font-weight: bold; border: none; border-radius: 8px;\n cursor: pointer; transition: background 0.3s; text-transform: uppercase; margin-top: 20px;\n }\n .form-submit-btn:hover { background: var(--letoon-red); }\n\n .letoon-dynamic-section { display: none; background: #fafbfc; border: 1px dashed #ccc; padding: 20px; border-radius: 8px; margin-top: 15px;}\n .letoon-dynamic-section.active { display: block; animation: fadeIn 0.5s ease; }\n \n @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* GDPR Special Styles *\/\n .gdpr-link-text {\n color: var(--letoon-red);\n text-decoration: underline;\n font-weight: 700;\n cursor: pointer;\n transition: color 0.3s;\n }\n .gdpr-link-text:hover { color: var(--letoon-navy); }\n \n .gdpr-scroll-area {\n max-height: 350px;\n overflow-y: auto;\n background: #f9f9f9;\n padding: 20px;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n font-size: 0.95rem;\n line-height: 1.6;\n color: #444;\n margin-bottom: 20px;\n }\n .gdpr-scroll-area p { margin-bottom: 12px; }\n .gdpr-scroll-area h4 { color: var(--letoon-navy); margin: 15px 0 5px 0; font-size: 1.05rem; }\n .gdpr-scroll-area::-webkit-scrollbar { width: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-thumb:hover { background: var(--letoon-navy); }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .rd-hero { padding: 60px 20px 80px 20px; border-radius: 0 0 30px 0; }\n .rd-hero h1 { font-size: 2.2rem; }\n .rd-hero-content { padding: 30px 20px; }\n .rd-mission-card { margin-top: -50px; width: 100%; border-radius: 12px; margin-bottom: 40px; border-left-width: 4px; }\n .feature-box { flex-direction: column-reverse; padding: 30px; gap: 30px; }\n .feature-visual { width: 100%; box-shadow: 8px 8px 0 var(--letoon-red); }\n .rd-section { padding: 40px 20px; }\n .section-header h2 { font-size: 1.3rem; }\n .rd-footer { padding: 60px 20px; border-radius: 30px 30px 0 0; }\n \n .letoon-modal-content { margin: 10px auto; width: 95%; }\n .letoon-inner-container { padding: 20px; }\n .letoon-check-grid { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1>\n\n<div class=\"letoon-research-wrapper\">\n\n \n <header class=\"rd-hero\">\n <div class=\"hero-glow glow-1\"><\/div>\n <div class=\"hero-glow glow-2\"><\/div>\n\n <div class=\"rd-hero-content\">\n <div class=\"logo-effect-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/infinity-letoon-yalniz-beyaz.png\" alt=\"Letoon Logo\" class=\"letoon-logo-hero\">\n <\/div>\n <br>\n <div class=\"rd-badge\">\n <i class=\"fas fa-atom\"><\/i> \n <span>Advanced Technology & Innovat\u0131on<\/span>\n <\/div>\n <h1>\n <span>LETOON ARCHITECTURE<\/span>\n R&D & NEW MATERIAL DEVELOPMENT\n <\/h1>\n <p>We develop need-specific sustainable solutions based on field realities with laboratory precision.<\/p>\n <\/div>\n <\/header>\n\n \n <div class=\"rd-section\">\n \n \n <div class=\"rd-mission-card\">\n <p class=\"rd-mission-text\">\n <i class=\"fas fa-quote-left\" style=\"color:#ddd; margin-right:10px; font-size: 1.5em;\"><\/i>\n Letoon Architecture is not a consultancy structure that only works with existing products and systems.\n It acts with the awareness that there are not always ready-made solutions for the unique problems encountered in the field in restoration, concrete, and industrial applications.\n <br><br>\n <strong>At this point, Letoon provides technical support for the development of new materials and systems specific to the project, surface, and usage conditions with its research and development (R&D) approach.<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>F\u0131eld of Act\u0131v\u0131ty<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"rd-grid\">\n <div class=\"tech-card\">\n <div class=\"tech-card-icon\"><i class=\"fas fa-microscope\"><\/i><\/div>\n <h3>What We Do?<\/h3>\n <p>Our R&D studies are fed by real field needs, not theoretical constructs.<\/p>\n <ul class=\"check-list\">\n <li>Project-based performance improvements of existing products<\/li>\n <li>Developing new formulations for special applications<\/li>\n <li>Unique material solutions for the restoration and construction sector<\/li>\n <li>Optimization according to surface, environmental impact, and usage scenarios<\/li>\n <li>Sample production, field trials, and feedback management<\/li>\n <\/ul>\n <\/div>\n <div class=\"tech-card\">\n <div class=\"tech-card-icon\"><i class=\"fas fa-users-gear\"><\/i><\/div>\n <h3>For Whom?<\/h3>\n <p>Structures we partner with:<\/p>\n <ul class=\"check-list\">\n <li>Construction and material companies planning contract manufacturing<\/li>\n <li>Brands wanting to technically improve their existing product<\/li>\n <li>Cases where standard solutions are insufficient for special projects<\/li>\n <li>Initiatives aiming to develop qualified, distinctive products in the restoration and construction sector<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>Product Development Support<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-content\">\n <h3 style=\"color: var(--letoon-navy); margin-top:0; font-family:'Arial', sans-serif;\">Contract Manufacturing and Technical Consultancy<\/h3>\n <p class=\"feature-desc\">\n We contribute to the safe and sustainable progress of the process for companies that want to develop products under their own brand but need support regarding technical infrastructure or field experience.\n <\/p>\n <div style=\"display: flex; gap: 30px; flex-wrap: wrap;\">\n <ul class=\"check-list\" style=\"flex:1; min-width: 250px;\">\n <li>Technical feasibility of the product idea<\/li>\n <li>Creating concepts according to performance criteria<\/li>\n <li>System setup suitable for application scenarios<\/li>\n <\/ul>\n <ul class=\"check-list\" style=\"flex:1; min-width: 250px;\">\n <li>Field tests and feedback analysis<\/li>\n <li>Technical documentation (TDS\/MSDS) support<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"feature-visual\">\n <i class=\"fas fa-cogs\"><\/i>\n <h4>Industrial<br>Solution Partnership<\/h4>\n <\/div>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>Letoon R&D Approach<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"approach-wrapper\">\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n <span class=\"approach-title\">Project Spec\u0131f\u0131c<\/span>\n <p>The same solution is not proposed for every project. Special prescriptions are produced that go to the source of the problem.<\/p>\n <\/div>\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\n <span class=\"approach-title\">Performance Or\u0131ented<\/span>\n <p>“Sellability” is not the basis, but applicability and longevity.<\/p>\n <\/div>\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-scale-balanced\"><\/i><\/div>\n <span class=\"approach-title\">Eth\u0131cal & Techn\u0131cal<\/span>\n <p>Every system developed is evaluated within the framework of ethical, technical, and conservation principles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <footer class=\"rd-footer\">\n <div class=\"footer-cta\">Let’s Develop Together<\/div>\n <p class=\"footer-sub\">\n Not every problem is solved with a ready-made product. In some cases, the solution requires rethinking and developing together.\n <br><br>\n Letoon Architecture becomes your solution partner with its <strong>field experience, scientific approach, and application knowledge<\/strong>.\n <\/p>\n <button class=\"btn-contact\" onclick=\"openFormModal()\">Contact Us <i class=\"fas fa-arrow-right\"><\/i><\/button>\n <\/footer>\n\n<\/div>\n\n\n\n\n<div id=\"letoonArgeFormModal\" class=\"letoon-modal-overlay\">\n <div class=\"letoon-modal-content\">\n <button class=\"close-modal-btn\" onclick=\"closeFormModal()\">×<\/button>\n\n <div class=\"letoon-inner-container\">\n <header style=\"text-align:center; margin-bottom:30px;\">\n <h2 class=\"letoon-form-header-title\">LETOON R&D<\/h2>\n <h3 style=\"color: var(--letoon-navy); margin-bottom: 15px;\">Product Development & Project Support Form<\/h3>\n <p class=\"letoon-form-header-desc\">\n You can apply for new product development ideas and project-based technical support requests. Applications are evaluated within the scope of confidentiality and a technical response is provided within <strong>5 business days<\/strong>.\n <\/p>\n <\/header>\n\n <form action=\"https:\/\/formspree.io\/f\/mojngkkr\" method=\"POST\">\n \n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">1️⃣ Contact Information<\/h3>\n \n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Full Name \/ Title *<\/label>\n <input type=\"text\" name=\"Full_Name\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Company \/ Institution Name *<\/label>\n <input type=\"text\" name=\"Company_Name\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <label class=\"letoon-label\" style=\"margin-top:5px;\">Field of Activity *<\/label>\n <div class=\"letoon-check-grid\" style=\"margin-bottom: 20px;\">\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Contractor\" required> Contractor<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Restoration_Company\"> Restoration Company<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Application_Company\"> Application Company<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Material_Supplier\"> Material Supplier<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Academic_Institution\"> Academic Institution<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">E-mail *<\/label>\n <input type=\"email\" name=\"email\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Phone *<\/label>\n <input type=\"tel\" name=\"Phone\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Website<\/label>\n <input type=\"text\" name=\"Website\" class=\"letoon-input\">\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Country \/ City *<\/label>\n <input type=\"text\" name=\"Country_City\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Area of Expertise<\/label>\n <input type=\"text\" name=\"Area_of_Expertise\" class=\"letoon-input\">\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">2️⃣ Purpose of Application * (Main Selection)<\/h3>\n <div class=\"letoon-check-grid\" style=\"grid-template-columns: 1fr;\">\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Product_Development\" onchange=\"toggleFormSections()\" required> \n <strong>🔘 A)<\/strong> New Product \/ System Development\n <\/label>\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Project_Support\" onchange=\"toggleFormSections()\"> \n <strong>🔘 B)<\/strong> Project-Based Technical Support\n <\/label>\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Both\" onchange=\"toggleFormSections()\"> \n <strong>🔘 C)<\/strong> Both Product Development and Project Collaboration\n <\/label>\n <\/div>\n\n \n <div id=\"section-A\" class=\"letoon-dynamic-section\">\n <h4 style=\"color:var(--letoon-red); margin-bottom:15px; font-size:1.1rem;\">🧪 A) Product Development Application<\/h4>\n \n <label class=\"letoon-label\">Product Category<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Cleaning\"> Surface Cleaning Materials<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Preparation\"> Surface Preparation Materials (Primer \/ Adhesion)<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Protection\"> Surface Protection Materials<\/label>\n <\/div>\n\n <label class=\"letoon-label\">Target Surface<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Reinforced_Concrete\"> Reinforced Concrete<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Stone_Masonry\"> Stone \/ Masonry<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Historical_Building\"> Historical Building<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Metal\"> Metal<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Wood\"> Wood<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Technical Problem to be Solved<\/label>\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:5px;\">Briefly explain: (Corrosion, Moisture, Efflorescence, Surface Dusting, etc.)<\/p>\n <textarea name=\"Problem_to_Solve\" class=\"letoon-textarea\"><\/textarea>\n <\/div>\n\n <label class=\"letoon-label\">Technical Content<\/label>\n <div class=\"letoon-input-group\" style=\"margin-bottom:10px;\"><input type=\"text\" name=\"Chemical_Binder_Structure\" class=\"letoon-input\" placeholder=\"\u2022 Chemical \/ Binder Structure\"><\/div>\n <div class=\"letoon-input-group\" style=\"margin-bottom:10px;\"><input type=\"text\" name=\"Existing_Test_Data\" class=\"letoon-input\" placeholder=\"\u2022 Existing Test Data (If any)\"><\/div>\n <div class=\"letoon-input-group\"><input type=\"text\" name=\"Proposed_Performance_Values\" class=\"letoon-input\" placeholder=\"\u2022 Proposed Performance Values\"><\/div>\n <\/div>\n\n \n <div id=\"section-B\" class=\"letoon-dynamic-section\">\n <h4 style=\"color:var(--letoon-navy); margin-bottom:15px; font-size:1.1rem;\">🏗 B) Project-Based Technical Support<\/h4>\n \n <label class=\"letoon-label\">Project Type<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Residential\"> Residential<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Industrial\"> Industrial<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Historical\"> Historical Building<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Project Location<\/label>\n <input type=\"text\" name=\"Project_Location\" class=\"letoon-input\">\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Existing Surface Problem *<\/label>\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:5px;\">Briefly explain.<\/p>\n <textarea name=\"Existing_Surface_Problem\" class=\"letoon-textarea\"><\/textarea>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Previously Applied System (If any)<\/label>\n <input type=\"text\" name=\"Previously_Applied_System\" class=\"letoon-input\">\n <\/div>\n \n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Expected Technical Performance<\/label>\n <input type=\"text\" name=\"Expected_Technical_Performance\" class=\"letoon-input\">\n <\/div>\n\n <label class=\"letoon-label\">Support Request<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Product_Selection\"> Product Selection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"On_site_Inspection\"> On-site Technical Inspection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Sample_Application\"> Sample \/ Trial Application<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Special_Formulation\"> Special Formulation Development<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">3️⃣ Common Technical Area (For Both Processes)<\/h3>\n \n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Title *<\/label>\n <input type=\"text\" name=\"Technical_Title\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Short Technical Summary (Max 300 characters) *<\/label>\n <textarea name=\"Short_Technical_Summary\" class=\"letoon-textarea\" maxlength=\"300\" style=\"min-height: 60px;\" required><\/textarea>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Detailed Technical Description *<\/label>\n <textarea name=\"Detailed_Technical_Description\" class=\"letoon-textarea\" required><\/textarea>\n <\/div>\n\n <label class=\"letoon-label\">Expected Added Value<\/label>\n <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"High_Adhesion\"> High Adhesion<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Long_lasting_Protection\"> Long-lasting Protection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Breathability\"> Breathability<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Water_Repellency\"> Water Repellency<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Corrosive_Resistance\"> Corrosive Environment Resistance<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Fast_Application\"> Fast Application<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Cost_Advantage\"> Cost Advantage<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Sustainable_Low_VOC\"> Sustainable \/ Low VOC<\/label>\n <\/div>\n <div class=\"letoon-input-group\" style=\"margin-bottom: 25px;\">\n <input type=\"text\" name=\"Expected_Added_Value_Other\" class=\"letoon-input\" placeholder=\"Other (Please specify)\">\n <\/div>\n\n <label class=\"letoon-label\">Expected Collaboration Model<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Joint_Product_Dev\"> Joint Product Development<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Project_Partnership\"> Project-Based Technical Partnership<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Dealership_Distribution\"> Dealership \/ Distribution<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Long_Term_Supply\"> Long-Term Supply<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"RandD_Partnership\"> R&D Partnership<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\" style=\"border-bottom:none; margin-bottom: 0;\">\n <h3 class=\"letoon-form-title\">4️⃣ Approval<\/h3>\n \n \n <div style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; font-size: 0.95rem; color: #444;\">\n <input type=\"checkbox\" id=\"gdprCheckbox\" name=\"GDPR_Approval\" required disabled style=\"margin-top: 4px; accent-color: var(--letoon-red); transform: scale(1.2);\"> \n <label for=\"gdprCheckbox\" style=\"cursor: pointer;\">\n I have read and accept the <span class=\"gdpr-link-text\" onclick=\"openGdprModal(event)\">Privacy Policy \/ GDPR Text<\/span>.*\n <\/label>\n <\/div>\n\n <label class=\"letoon-check-item\">\n <input type=\"checkbox\" name=\"Confidentiality_Request\" required> I request that the shared information be evaluated within the scope of confidentiality.*\n <\/label>\n \n <div style=\"margin-top:25px; padding-top:20px; border-top: 1px dashed #ccc;\">\n <p style=\"font-size: 0.9rem; color:#555; font-style:italic;\">\n <i class=\"fas fa-lock\" style=\"color:var(--letoon-red);\"><\/i> Shared technical information is evaluated only by the LETOON R&D technical committee and is not shared with third parties.\n <\/p>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit-btn\">🔘 SUBMIT R&D APPLICATION<\/button>\n\n <\/form>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\n<div id=\"gdprModal\" class=\"letoon-modal-overlay\" style=\"z-index: 2147483648 !important;\">\n <div class=\"letoon-modal-content\" style=\"max-width: 650px;\">\n <button class=\"close-modal-btn\" onclick=\"closeGdprModal()\">×<\/button>\n \n <div class=\"letoon-inner-container\">\n <h3 style=\"color: var(--letoon-navy); margin-bottom: 15px; border-bottom: 2px solid var(--letoon-red); padding-bottom: 10px;\">Personal Data Protection (GDPR) Privacy Notice<\/h3>\n \n <div class=\"gdpr-scroll-area\">\n <h4>1. Data Controller<\/h4>\n <p>As Letoon Architecture, we attach the utmost importance to the security of your personal data in accordance with Personal Data Protection Laws. The personal data you transmit to us may be processed by Letoon Architecture as the data controller within the framework of the purposes and limits explained below.<\/p>\n \n <h4>2. Processed Personal Data and Purposes of Processing<\/h4>\n <p>Your Full Name, Company Name, E-mail, Phone Number, and professional expertise information shared via this form are processed for the purposes of contacting you, evaluating your R&D requests, carrying out cooperation processes, and providing technical feedback.<\/p>\n \n <h4>3. Transfer of Personal Data<\/h4>\n <p>Your personal data is not shared with any third party, institution, or company for commercial purposes without your consent, except for authorized public institutions and organizations due to legal obligations. Technical details are kept strictly confidential by the Letoon R&D committee.<\/p>\n \n <h4>4. Method and Legal Reason for Collecting Personal Data<\/h4>\n <p>Your data is collected automatically through the form you fill out in the digital environment, based on your explicit consent and the legal reason that “it is directly related to the establishment or performance of a contract”.<\/p>\n \n <h4>5. Rights of the Data Subject<\/h4>\n <p>By applying to our company, you have the right to learn whether your data is being processed, request its updating, request its deletion, and request the correction of incomplete processing.<\/p>\n <\/div>\n\n <button type=\"button\" class=\"btn-contact\" style=\"width: 100%; justify-content: center; margin-top: 10px; border-radius: 8px;\" onclick=\"acceptGdpr()\">I have read, understood, and accept<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Append modals to body end to prevent z-index issues\n var formModal = document.getElementById('letoonArgeFormModal');\n var gdprModal = document.getElementById('gdprModal');\n if (formModal) document.body.appendChild(formModal);\n if (gdprModal) document.body.appendChild(gdprModal);\n });\n\n \/\/ --- MAIN FORM MODAL CONTROLS ---\n function openFormModal() {\n var formModal = document.getElementById('letoonArgeFormModal');\n formModal.style.display = 'block';\n setTimeout(function(){ formModal.classList.add('active'); }, 10);\n document.body.style.overflow = 'hidden'; \n }\n\n function closeFormModal() {\n var formModal = document.getElementById('letoonArgeFormModal');\n formModal.classList.remove('active');\n setTimeout(function(){\n formModal.style.display = 'none';\n document.body.style.overflow = 'auto'; \n }, 300);\n }\n\n \/\/ --- GDPR MODAL CONTROLS ---\n function openGdprModal(e) {\n if(e) e.preventDefault(); \/\/ Prevent label from triggering the checkbox\n var gdprModal = document.getElementById('gdprModal');\n gdprModal.style.display = 'block';\n setTimeout(function(){ gdprModal.classList.add('active'); }, 10);\n }\n\n function closeGdprModal() {\n var gdprModal = document.getElementById('gdprModal');\n gdprModal.classList.remove('active');\n setTimeout(function(){\n gdprModal.style.display = 'none';\n }, 300);\n }\n\n function acceptGdpr() {\n var checkbox = document.getElementById('gdprCheckbox');\n checkbox.removeAttribute('disabled'); \/\/ Unlock\n checkbox.checked = true; \/\/ Auto-check\n closeGdprModal(); \/\/ Close modal\n }\n\n \/\/ --- CLOSE MODALS ON OUTSIDE CLICK ---\n window.onclick = function(event) {\n var formModal = document.getElementById('letoonArgeFormModal');\n var gdprModal = document.getElementById('gdprModal');\n \n \/\/ If GDPR modal is open and clicked outside, close GDPR\n if (event.target == gdprModal) {\n closeGdprModal();\n } \n \/\/ If GDPR is NOT open and clicked outside the main form, close form\n else if (event.target == formModal && gdprModal.style.display !== 'block') {\n closeFormModal();\n }\n }\n\n \/\/ --- DYNAMIC SECTION CONTROLS (A and B Selection) ---\n function toggleFormSections() {\n var radioGroup = document.getElementsByName('Application_Purpose');\n var sectionA = document.getElementById('section-A');\n var sectionB = document.getElementById('section-B');\n var selectedValue = \"\";\n\n for (var i = 0; i < radioGroup.length; i++) {\n if (radioGroup[i].checked) {\n selectedValue = radioGroup[i].value;\n break;\n }\n }\n\n if (selectedValue === \"Product_Development\") {\n sectionA.classList.add('active');\n sectionB.classList.remove('active');\n document.getElementsByName('Existing_Surface_Problem')[0].removeAttribute('required');\n \n } else if (selectedValue === \"Project_Support\") {\n sectionA.classList.remove('active');\n sectionB.classList.add('active');\n document.getElementsByName('Existing_Surface_Problem')[0].setAttribute('required', 'true');\n \n } else if (selectedValue === \"Both\") {\n sectionA.classList.add('active');\n sectionB.classList.add('active');\n document.getElementsByName('Existing_Surface_Problem')[0].setAttribute('required', 'true');\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Letoon Architecture | R&D and New Material Development Advanced Technology & Innovat\u0131on LETOON ARCHITECTURE R&D & NEW MATERIAL DEVELOPMENT We<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3168"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3168\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3168,"date":"2026-01-28T11:25:30","date_gmt":"2026-01-28T08:25:30","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3168"},"modified":"2026-03-05T09:23:52","modified_gmt":"2026-03-05T06:23:52","slug":"rd-new-material-development","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/rd-new-material-development\/","title":{"rendered":"R&D & NEW MATERIAL DEVELOPMENT"},"content":{"rendered":"\n\n\n\n\n\nLetoon Architecture | R&D and New Material Development<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Arial:wght@300;400;500;600&family=Arial:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n \/* --- RESET & BASIC SETTINGS --- *\/\n :root {\n --letoon-navy: #15296B;\n --letoon-red: #D20422;\n --letoon-dark: #050b1e;\n --letoon-blue-light: #2a4ec5;\n --tech-grey: #f0f2f5;\n --text-main: #111111;\n --text-body: #333333;\n --white: #ffffff;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body { background-color: #f8f9fa; }\n\n .letoon-research-wrapper {\n font-family: 'Arial', sans-serif;\n color: var(--text-main);\n background-color: #fdfdfd;\n background-image: radial-gradient(#e2e8f0 1px, transparent 1px);\n background-size: 30px 30px;\n line-height: 1.6;\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: hidden;\n box-shadow: 0 0 50px rgba(0,0,0,0.05);\n }\n\n \/* --- RENEWED AESTHETIC HERO SECTION --- *\/\n .rd-hero {\n background-color: var(--letoon-dark);\n position: relative;\n padding: 100px 40px 120px 40px;\n border-radius: 0 0 60px 0;\n overflow: hidden;\n text-align: center;\n color: var(--white);\n isolation: isolate;\n }\n\n .rd-hero::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px; z-index: -2;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);\n }\n\n .hero-glow {\n position: absolute; border-radius: 50%; filter: blur(80px); z-index: -1; opacity: 0.6;\n animation: floatingGlow 10s infinite alternate ease-in-out;\n }\n\n .glow-1 { top: -20%; left: -10%; width: 600px; height: 600px; background: radial-gradient(circle, var(--letoon-blue-light), var(--letoon-navy)); }\n .glow-2 { bottom: -20%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, #4a0010, transparent); animation-delay: -5s; }\n\n @keyframes floatingGlow { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(30px, 50px) scale(1.1); } }\n \n .logo-effect-wrapper { position: relative; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 25px; }\n\n .letoon-logo-hero {\n height: 60px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.3)); position: relative; z-index: 2;\n will-change: transform; animation: logoHeartbeat 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n .logo-effect-wrapper::before {\n content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 100px; height: 100px; border-radius: 50%; z-index: 1;\n background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);\n background-size: 10px 10px;\n mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%);\n -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 70%);\n opacity: 0; will-change: transform, opacity; animation: gridRipple 2s infinite ease-out;\n }\n\n @keyframes logoHeartbeat { 0%, 28%, 70%, 100% { transform: scale(1); } 14%, 42% { transform: scale(1.08); } }\n @keyframes gridRipple { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } }\n\n .rd-hero-content {\n position: relative; z-index: 10; max-width: 850px; margin: 0 auto;\n background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 50px 30px; box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n }\n\n .rd-badge {\n display: inline-flex; align-items: center; gap: 8px; background: rgba(210, 4, 34, 0.2); border: 1px solid rgba(210, 4, 34, 0.5);\n color: #ffadb8; padding: 8px 20px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px;\n box-shadow: 0 0 15px rgba(210, 4, 34, 0.2);\n }\n\n .rd-hero h1 {\n font-size: 3rem; font-weight: 900; margin: 0 0 20px 0; line-height: 1.1; text-transform: uppercase; letter-spacing: -1px;\n text-shadow: 0 10px 30px rgba(0,0,0,0.3); color: var(--white);\n }\n \n .rd-hero h1 span { color: #cbd5e1; font-weight: 300; display: block; font-size: 0.5em; letter-spacing: 5px; margin-bottom: 10px; }\n .rd-hero p { font-size: 1.2rem; font-weight: 300; color: rgba(255, 255, 255, 0.85); max-width: 650px; margin: 0 auto; line-height: 1.6; }\n\n \/* --- SECTIONS --- *\/\n .rd-section { padding: 60px 40px; }\n \n .rd-mission-card {\n background: var(--white); border-left: 6px solid var(--letoon-red); padding: 40px;\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); border-radius: 0 16px 16px 0;\n position: relative; max-width: 900px; margin: -80px auto 60px auto; z-index: 20;\n }\n .rd-mission-text { font-size: 1.1rem; color: var(--text-body); }\n .rd-mission-text strong { color: var(--letoon-navy); font-weight: 700; }\n\n .section-header { display: flex; align-items: center; margin-bottom: 40px; margin-top: 20px; }\n .section-header h2 { font-size: 1.6rem; color: var(--letoon-navy); margin: 0; padding-right: 20px; white-space: nowrap; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; }\n .section-line { width: 100%; height: 3px; background: linear-gradient(90deg, var(--letoon-navy) 0%, transparent 100%); opacity: 0.2; border-radius: 3px; }\n\n .rd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 80px; }\n .tech-card {\n background: var(--white); border: 1px solid #e2e8f0; border-radius: 16px; padding: 35px;\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; height: 100%;\n }\n .tech-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(21, 41, 107, 0.08); border-color: var(--letoon-navy); }\n .tech-card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--letoon-navy); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }\n .tech-card:hover::after { transform: scaleX(1); }\n .tech-card-icon { font-size: 1.8rem; color: var(--letoon-navy); margin-bottom: 25px; background: var(--tech-grey); width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 14px; }\n .tech-card h3 { font-size: 1.35rem; color: var(--letoon-navy); margin: 0 0 15px 0; font-weight: 700; }\n .tech-card > p { margin-bottom: 25px; font-size: 1rem; color: var(--text-body); font-style: italic; }\n\n .check-list { list-style: none; padding: 0; margin: 0; }\n .check-list li { position: relative; padding-left: 30px; margin-bottom: 14px; font-size: 0.95rem; color: var(--text-body); font-weight: 500; line-height: 1.4; }\n .check-list li::before { content: '\\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--letoon-red); font-size: 0.85rem; }\n\n .feature-box { background: linear-gradient(to right, #ffffff, #f0f4f8); border: 1px solid #e2e8f0; border-radius: 20px; padding: 50px; display: flex; flex-wrap: wrap; align-items: center; gap: 50px; margin-bottom: 80px; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05); }\n .feature-content { flex: 2; min-width: 300px; }\n .feature-visual { flex: 1; min-width: 250px; background: var(--letoon-navy); background-image: url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png'); color: var(--white); border-radius: 16px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 15px 15px 0 var(--letoon-red); }\n .feature-visual i { font-size: 3.5rem; margin-bottom: 20px; display: block; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2)); }\n .feature-visual h4 { margin: 0; font-weight: 700; font-size: 1.2rem; color: var(--white); line-height: 1.4; }\n .feature-desc { font-size: 1.05rem; color: var(--text-body); margin-bottom: 30px; }\n\n .approach-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 40px; }\n .approach-item { background: var(--white); padding: 40px 25px; text-align: center; border-radius: 16px; border: 1px solid #eee; transition: all 0.3s ease; }\n .approach-item:hover { border-color: var(--letoon-red); background: #fffafa; transform: translateY(-5px); }\n .approach-icon { color: var(--letoon-red); font-size: 2rem; margin-bottom: 20px; }\n .approach-title { font-weight: 700; color: var(--letoon-navy); margin-bottom: 15px; display: block; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.5px; }\n .approach-item p { font-size: 0.95rem; color: var(--text-body); font-weight: 500; line-height: 1.5; }\n\n \/* --- FOOTER --- *\/\n .rd-footer {\n background: var(--letoon-navy); background-image: radial-gradient(at 50% 100%, #1e3a8a 0px, transparent 50%);\n color: var(--white); text-align: center; padding: 80px 40px; border-radius: 60px 60px 0 0; position: relative; margin-top: 60px;\n }\n .footer-cta { font-size: 2.2rem; font-weight: 800; margin-bottom: 25px; letter-spacing: 1px; color: var(--white); }\n .footer-sub { font-size: 1.15rem; color: rgba(255,255,255,0.9); max-width: 650px; margin: 0 auto 40px auto; line-height: 1.8; }\n \n .btn-contact {\n display: inline-flex; align-items: center; gap: 10px; background: var(--letoon-red); color: var(--white);\n padding: 16px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem;\n transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(210, 4, 34, 0.3); border: none; cursor: pointer; font-family: 'Arial', sans-serif;\n }\n .btn-contact:hover { background: #b0031b; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(210, 4, 34, 0.5); }\n\n \/* --- MODAL AND FORM STYLES --- *\/\n .letoon-modal-overlay {\n display: none; position: fixed !important; z-index: 2147483647 !important;\n left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important;\n width: 100% !important; height: 100% !important;\n background-color: rgba(0, 0, 0, 0.85); backdrop-filter: blur(5px);\n opacity: 0; transition: opacity 0.3s ease; overflow-x: hidden; overflow-y: auto;\n }\n .letoon-modal-overlay.active { display: block !important; opacity: 1 !important; }\n\n .letoon-modal-content {\n position: relative; margin: 40px auto; width: 90%; max-width: 900px;\n background: #fdfdfd; border-radius: 12px; font-family: 'Arial', sans-serif;\n box-shadow: 0 25px 50px rgba(0,0,0,0.5); transform: scale(0.95); opacity: 0;\n transition: all 0.4s ease; border-top: 6px solid var(--letoon-red);\n }\n .letoon-modal-overlay.active .letoon-modal-content { transform: scale(1); opacity: 1; }\n\n .close-modal-btn {\n position: absolute; top: 10px; right: 20px; font-size: 45px; font-weight: bold;\n color: var(--letoon-navy); cursor: pointer; z-index: 1010; background: none; border: none;\n line-height: 1; transition: color 0.3s; padding: 0;\n }\n .close-modal-btn:hover { color: var(--letoon-red); transform: rotate(90deg); }\n\n .letoon-inner-container { padding: 40px; text-align: left; color: #333; }\n \n .letoon-form-header-title { font-size: 2rem; font-weight: 800; color: var(--letoon-red); text-transform: uppercase; margin-bottom: 10px; }\n .letoon-form-header-desc { font-size: 1.05rem; color: #555; background: #f9f9f9; padding: 15px; border-left: 4px solid #ddd; border-radius: 0 8px 8px 0;}\n\n .letoon-form-section { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; }\n .letoon-form-section:last-child { border-bottom: none; }\n \n .letoon-form-title {\n font-size: 1.2rem; font-weight: 700; color: var(--letoon-navy); margin-bottom: 15px;\n background: #f0f2f8; padding: 10px 15px; border-left: 5px solid var(--letoon-red); border-radius: 0 4px 4px 0;\n }\n\n .letoon-form-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; }\n .letoon-input-group { flex: 1; min-width: 250px; margin-bottom: 15px;}\n .letoon-label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 0.95rem; color: #333; }\n \n .letoon-input, .letoon-select, .letoon-textarea {\n width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 6px;\n font-size: 1rem; font-family: inherit; transition: border-color 0.3s; background: #fff; color: #333;\n }\n .letoon-input:focus, .letoon-textarea:focus { border-color: var(--letoon-navy); outline: none; box-shadow: 0 0 5px rgba(21, 41, 107, 0.2); }\n .letoon-textarea { resize: vertical; min-height: 80px; }\n\n .letoon-check-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-bottom: 15px; }\n .letoon-check-item { display: flex; align-items: flex-start; gap: 8px; font-size: 0.95rem; cursor: pointer; color: #444; }\n .letoon-check-item input { margin-top: 4px; accent-color: var(--letoon-red); transform: scale(1.2); }\n\n .form-submit-btn {\n width: 100%; background: var(--letoon-navy); color: white; padding: 18px;\n font-size: 1.2rem; font-weight: bold; border: none; border-radius: 8px;\n cursor: pointer; transition: background 0.3s; text-transform: uppercase; margin-top: 20px;\n }\n .form-submit-btn:hover { background: var(--letoon-red); }\n\n .letoon-dynamic-section { display: none; background: #fafbfc; border: 1px dashed #ccc; padding: 20px; border-radius: 8px; margin-top: 15px;}\n .letoon-dynamic-section.active { display: block; animation: fadeIn 0.5s ease; }\n \n @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* GDPR Special Styles *\/\n .gdpr-link-text {\n color: var(--letoon-red);\n text-decoration: underline;\n font-weight: 700;\n cursor: pointer;\n transition: color 0.3s;\n }\n .gdpr-link-text:hover { color: var(--letoon-navy); }\n \n .gdpr-scroll-area {\n max-height: 350px;\n overflow-y: auto;\n background: #f9f9f9;\n padding: 20px;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n font-size: 0.95rem;\n line-height: 1.6;\n color: #444;\n margin-bottom: 20px;\n }\n .gdpr-scroll-area p { margin-bottom: 12px; }\n .gdpr-scroll-area h4 { color: var(--letoon-navy); margin: 15px 0 5px 0; font-size: 1.05rem; }\n .gdpr-scroll-area::-webkit-scrollbar { width: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 8px; }\n .gdpr-scroll-area::-webkit-scrollbar-thumb:hover { background: var(--letoon-navy); }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .rd-hero { padding: 60px 20px 80px 20px; border-radius: 0 0 30px 0; }\n .rd-hero h1 { font-size: 2.2rem; }\n .rd-hero-content { padding: 30px 20px; }\n .rd-mission-card { margin-top: -50px; width: 100%; border-radius: 12px; margin-bottom: 40px; border-left-width: 4px; }\n .feature-box { flex-direction: column-reverse; padding: 30px; gap: 30px; }\n .feature-visual { width: 100%; box-shadow: 8px 8px 0 var(--letoon-red); }\n .rd-section { padding: 40px 20px; }\n .section-header h2 { font-size: 1.3rem; }\n .rd-footer { padding: 60px 20px; border-radius: 30px 30px 0 0; }\n \n .letoon-modal-content { margin: 10px auto; width: 95%; }\n .letoon-inner-container { padding: 20px; }\n .letoon-check-grid { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1>\n\n<div class=\"letoon-research-wrapper\">\n\n \n <header class=\"rd-hero\">\n <div class=\"hero-glow glow-1\"><\/div>\n <div class=\"hero-glow glow-2\"><\/div>\n\n <div class=\"rd-hero-content\">\n <div class=\"logo-effect-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/infinity-letoon-yalniz-beyaz.png\" alt=\"Letoon Logo\" class=\"letoon-logo-hero\">\n <\/div>\n <br>\n <div class=\"rd-badge\">\n <i class=\"fas fa-atom\"><\/i> \n <span>Advanced Technology & Innovat\u0131on<\/span>\n <\/div>\n <h1>\n <span>LETOON ARCHITECTURE<\/span>\n R&D & NEW MATERIAL DEVELOPMENT\n <\/h1>\n <p>We develop need-specific sustainable solutions based on field realities with laboratory precision.<\/p>\n <\/div>\n <\/header>\n\n \n <div class=\"rd-section\">\n \n \n <div class=\"rd-mission-card\">\n <p class=\"rd-mission-text\">\n <i class=\"fas fa-quote-left\" style=\"color:#ddd; margin-right:10px; font-size: 1.5em;\"><\/i>\n Letoon Architecture is not a consultancy structure that only works with existing products and systems.\n It acts with the awareness that there are not always ready-made solutions for the unique problems encountered in the field in restoration, concrete, and industrial applications.\n <br><br>\n <strong>At this point, Letoon provides technical support for the development of new materials and systems specific to the project, surface, and usage conditions with its research and development (R&D) approach.<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>F\u0131eld of Act\u0131v\u0131ty<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"rd-grid\">\n <div class=\"tech-card\">\n <div class=\"tech-card-icon\"><i class=\"fas fa-microscope\"><\/i><\/div>\n <h3>What We Do?<\/h3>\n <p>Our R&D studies are fed by real field needs, not theoretical constructs.<\/p>\n <ul class=\"check-list\">\n <li>Project-based performance improvements of existing products<\/li>\n <li>Developing new formulations for special applications<\/li>\n <li>Unique material solutions for the restoration and construction sector<\/li>\n <li>Optimization according to surface, environmental impact, and usage scenarios<\/li>\n <li>Sample production, field trials, and feedback management<\/li>\n <\/ul>\n <\/div>\n <div class=\"tech-card\">\n <div class=\"tech-card-icon\"><i class=\"fas fa-users-gear\"><\/i><\/div>\n <h3>For Whom?<\/h3>\n <p>Structures we partner with:<\/p>\n <ul class=\"check-list\">\n <li>Construction and material companies planning contract manufacturing<\/li>\n <li>Brands wanting to technically improve their existing product<\/li>\n <li>Cases where standard solutions are insufficient for special projects<\/li>\n <li>Initiatives aiming to develop qualified, distinctive products in the restoration and construction sector<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>Product Development Support<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-content\">\n <h3 style=\"color: var(--letoon-navy); margin-top:0; font-family:'Arial', sans-serif;\">Contract Manufacturing and Technical Consultancy<\/h3>\n <p class=\"feature-desc\">\n We contribute to the safe and sustainable progress of the process for companies that want to develop products under their own brand but need support regarding technical infrastructure or field experience.\n <\/p>\n <div style=\"display: flex; gap: 30px; flex-wrap: wrap;\">\n <ul class=\"check-list\" style=\"flex:1; min-width: 250px;\">\n <li>Technical feasibility of the product idea<\/li>\n <li>Creating concepts according to performance criteria<\/li>\n <li>System setup suitable for application scenarios<\/li>\n <\/ul>\n <ul class=\"check-list\" style=\"flex:1; min-width: 250px;\">\n <li>Field tests and feedback analysis<\/li>\n <li>Technical documentation (TDS\/MSDS) support<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"feature-visual\">\n <i class=\"fas fa-cogs\"><\/i>\n <h4>Industrial<br>Solution Partnership<\/h4>\n <\/div>\n <\/div>\n\n \n <div class=\"section-header\">\n <h2>Letoon R&D Approach<\/h2>\n <div class=\"section-line\"><\/div>\n <\/div>\n <div class=\"approach-wrapper\">\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n <span class=\"approach-title\">Project Spec\u0131f\u0131c<\/span>\n <p>The same solution is not proposed for every project. Special prescriptions are produced that go to the source of the problem.<\/p>\n <\/div>\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\n <span class=\"approach-title\">Performance Or\u0131ented<\/span>\n <p>“Sellability” is not the basis, but applicability and longevity.<\/p>\n <\/div>\n <div class=\"approach-item\">\n <div class=\"approach-icon\"><i class=\"fas fa-scale-balanced\"><\/i><\/div>\n <span class=\"approach-title\">Eth\u0131cal & Techn\u0131cal<\/span>\n <p>Every system developed is evaluated within the framework of ethical, technical, and conservation principles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <footer class=\"rd-footer\">\n <div class=\"footer-cta\">Let’s Develop Together<\/div>\n <p class=\"footer-sub\">\n Not every problem is solved with a ready-made product. In some cases, the solution requires rethinking and developing together.\n <br><br>\n Letoon Architecture becomes your solution partner with its <strong>field experience, scientific approach, and application knowledge<\/strong>.\n <\/p>\n <button class=\"btn-contact\" onclick=\"openFormModal()\">Contact Us <i class=\"fas fa-arrow-right\"><\/i><\/button>\n <\/footer>\n\n<\/div>\n\n\n\n\n<div id=\"letoonArgeFormModal\" class=\"letoon-modal-overlay\">\n <div class=\"letoon-modal-content\">\n <button class=\"close-modal-btn\" onclick=\"closeFormModal()\">×<\/button>\n\n <div class=\"letoon-inner-container\">\n <header style=\"text-align:center; margin-bottom:30px;\">\n <h2 class=\"letoon-form-header-title\">LETOON R&D<\/h2>\n <h3 style=\"color: var(--letoon-navy); margin-bottom: 15px;\">Product Development & Project Support Form<\/h3>\n <p class=\"letoon-form-header-desc\">\n You can apply for new product development ideas and project-based technical support requests. Applications are evaluated within the scope of confidentiality and a technical response is provided within <strong>5 business days<\/strong>.\n <\/p>\n <\/header>\n\n <form action=\"https:\/\/formspree.io\/f\/mojngkkr\" method=\"POST\">\n \n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">1️⃣ Contact Information<\/h3>\n \n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Full Name \/ Title *<\/label>\n <input type=\"text\" name=\"Full_Name\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Company \/ Institution Name *<\/label>\n <input type=\"text\" name=\"Company_Name\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <label class=\"letoon-label\" style=\"margin-top:5px;\">Field of Activity *<\/label>\n <div class=\"letoon-check-grid\" style=\"margin-bottom: 20px;\">\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Contractor\" required> Contractor<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Restoration_Company\"> Restoration Company<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Application_Company\"> Application Company<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Material_Supplier\"> Material Supplier<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Academic_Institution\"> Academic Institution<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Field_of_Activity\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">E-mail *<\/label>\n <input type=\"email\" name=\"email\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Phone *<\/label>\n <input type=\"tel\" name=\"Phone\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <div class=\"letoon-form-row\">\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Website<\/label>\n <input type=\"text\" name=\"Website\" class=\"letoon-input\">\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Country \/ City *<\/label>\n <input type=\"text\" name=\"Country_City\" class=\"letoon-input\" required>\n <\/div>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Area of Expertise<\/label>\n <input type=\"text\" name=\"Area_of_Expertise\" class=\"letoon-input\">\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">2️⃣ Purpose of Application * (Main Selection)<\/h3>\n <div class=\"letoon-check-grid\" style=\"grid-template-columns: 1fr;\">\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Product_Development\" onchange=\"toggleFormSections()\" required> \n <strong>🔘 A)<\/strong> New Product \/ System Development\n <\/label>\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Project_Support\" onchange=\"toggleFormSections()\"> \n <strong>🔘 B)<\/strong> Project-Based Technical Support\n <\/label>\n <label class=\"letoon-check-item\">\n <input type=\"radio\" name=\"Application_Purpose\" value=\"Both\" onchange=\"toggleFormSections()\"> \n <strong>🔘 C)<\/strong> Both Product Development and Project Collaboration\n <\/label>\n <\/div>\n\n \n <div id=\"section-A\" class=\"letoon-dynamic-section\">\n <h4 style=\"color:var(--letoon-red); margin-bottom:15px; font-size:1.1rem;\">🧪 A) Product Development Application<\/h4>\n \n <label class=\"letoon-label\">Product Category<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Cleaning\"> Surface Cleaning Materials<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Preparation\"> Surface Preparation Materials (Primer \/ Adhesion)<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Product_Category[]\" value=\"Protection\"> Surface Protection Materials<\/label>\n <\/div>\n\n <label class=\"letoon-label\">Target Surface<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Reinforced_Concrete\"> Reinforced Concrete<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Stone_Masonry\"> Stone \/ Masonry<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Historical_Building\"> Historical Building<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Metal\"> Metal<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Wood\"> Wood<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Target_Surface[]\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Technical Problem to be Solved<\/label>\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:5px;\">Briefly explain: (Corrosion, Moisture, Efflorescence, Surface Dusting, etc.)<\/p>\n <textarea name=\"Problem_to_Solve\" class=\"letoon-textarea\"><\/textarea>\n <\/div>\n\n <label class=\"letoon-label\">Technical Content<\/label>\n <div class=\"letoon-input-group\" style=\"margin-bottom:10px;\"><input type=\"text\" name=\"Chemical_Binder_Structure\" class=\"letoon-input\" placeholder=\"\u2022 Chemical \/ Binder Structure\"><\/div>\n <div class=\"letoon-input-group\" style=\"margin-bottom:10px;\"><input type=\"text\" name=\"Existing_Test_Data\" class=\"letoon-input\" placeholder=\"\u2022 Existing Test Data (If any)\"><\/div>\n <div class=\"letoon-input-group\"><input type=\"text\" name=\"Proposed_Performance_Values\" class=\"letoon-input\" placeholder=\"\u2022 Proposed Performance Values\"><\/div>\n <\/div>\n\n \n <div id=\"section-B\" class=\"letoon-dynamic-section\">\n <h4 style=\"color:var(--letoon-navy); margin-bottom:15px; font-size:1.1rem;\">🏗 B) Project-Based Technical Support<\/h4>\n \n <label class=\"letoon-label\">Project Type<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Residential\"> Residential<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Industrial\"> Industrial<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Historical\"> Historical Building<\/label>\n <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Type\" value=\"Other\"> Other<\/label>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Project Location<\/label>\n <input type=\"text\" name=\"Project_Location\" class=\"letoon-input\">\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Existing Surface Problem *<\/label>\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:5px;\">Briefly explain.<\/p>\n <textarea name=\"Existing_Surface_Problem\" class=\"letoon-textarea\"><\/textarea>\n <\/div>\n\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Previously Applied System (If any)<\/label>\n <input type=\"text\" name=\"Previously_Applied_System\" class=\"letoon-input\">\n <\/div>\n \n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">Expected Technical Performance<\/label>\n <input type=\"text\" name=\"Expected_Technical_Performance\" class=\"letoon-input\">\n <\/div>\n\n <label class=\"letoon-label\">Support Request<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Product_Selection\"> Product Selection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"On_site_Inspection\"> On-site Technical Inspection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Sample_Application\"> Sample \/ Trial Application<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Support_Request[]\" value=\"Special_Formulation\"> Special Formulation Development<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\">\n <h3 class=\"letoon-form-title\">3️⃣ Common Technical Area (For Both Processes)<\/h3>\n \n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Title *<\/label>\n <input type=\"text\" name=\"Technical_Title\" class=\"letoon-input\" required>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Short Technical Summary (Max 300 characters) *<\/label>\n <textarea name=\"Short_Technical_Summary\" class=\"letoon-textarea\" maxlength=\"300\" style=\"min-height: 60px;\" required><\/textarea>\n <\/div>\n <div class=\"letoon-input-group\">\n <label class=\"letoon-label\">\u2022 Detailed Technical Description *<\/label>\n <textarea name=\"Detailed_Technical_Description\" class=\"letoon-textarea\" required><\/textarea>\n <\/div>\n\n <label class=\"letoon-label\">Expected Added Value<\/label>\n <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"High_Adhesion\"> High Adhesion<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Long_lasting_Protection\"> Long-lasting Protection<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Breathability\"> Breathability<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Water_Repellency\"> Water Repellency<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Corrosive_Resistance\"> Corrosive Environment Resistance<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Fast_Application\"> Fast Application<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Cost_Advantage\"> Cost Advantage<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Expected_Added_Value[]\" value=\"Sustainable_Low_VOC\"> Sustainable \/ Low VOC<\/label>\n <\/div>\n <div class=\"letoon-input-group\" style=\"margin-bottom: 25px;\">\n <input type=\"text\" name=\"Expected_Added_Value_Other\" class=\"letoon-input\" placeholder=\"Other (Please specify)\">\n <\/div>\n\n <label class=\"letoon-label\">Expected Collaboration Model<\/label>\n <div class=\"letoon-check-grid\">\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Joint_Product_Dev\"> Joint Product Development<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Project_Partnership\"> Project-Based Technical Partnership<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Dealership_Distribution\"> Dealership \/ Distribution<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"Long_Term_Supply\"> Long-Term Supply<\/label>\n <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Collaboration_Model[]\" value=\"RandD_Partnership\"> R&D Partnership<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-form-section\" style=\"border-bottom:none; margin-bottom: 0;\">\n <h3 class=\"letoon-form-title\">4️⃣ Approval<\/h3>\n \n \n <div style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; font-size: 0.95rem; color: #444;\">\n <input type=\"checkbox\" id=\"gdprCheckbox\" name=\"GDPR_Approval\" required disabled style=\"margin-top: 4px; accent-color: var(--letoon-red); transform: scale(1.2);\"> \n <label for=\"gdprCheckbox\" style=\"cursor: pointer;\">\n I have read and accept the <span class=\"gdpr-link-text\" onclick=\"openGdprModal(event)\">Privacy Policy \/ GDPR Text<\/span>.*\n <\/label>\n <\/div>\n\n <label class=\"letoon-check-item\">\n <input type=\"checkbox\" name=\"Confidentiality_Request\" required> I request that the shared information be evaluated within the scope of confidentiality.*\n <\/label>\n \n <div style=\"margin-top:25px; padding-top:20px; border-top: 1px dashed #ccc;\">\n <p style=\"font-size: 0.9rem; color:#555; font-style:italic;\">\n <i class=\"fas fa-lock\" style=\"color:var(--letoon-red);\"><\/i> Shared technical information is evaluated only by the LETOON R&D technical committee and is not shared with third parties.\n <\/p>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit-btn\">🔘 SUBMIT R&D APPLICATION<\/button>\n\n <\/form>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\n<div id=\"gdprModal\" class=\"letoon-modal-overlay\" style=\"z-index: 2147483648 !important;\">\n <div class=\"letoon-modal-content\" style=\"max-width: 650px;\">\n <button class=\"close-modal-btn\" onclick=\"closeGdprModal()\">×<\/button>\n \n <div class=\"letoon-inner-container\">\n <h3 style=\"color: var(--letoon-navy); margin-bottom: 15px; border-bottom: 2px solid var(--letoon-red); padding-bottom: 10px;\">Personal Data Protection (GDPR) Privacy Notice<\/h3>\n \n <div class=\"gdpr-scroll-area\">\n <h4>1. Data Controller<\/h4>\n <p>As Letoon Architecture, we attach the utmost importance to the security of your personal data in accordance with Personal Data Protection Laws. The personal data you transmit to us may be processed by Letoon Architecture as the data controller within the framework of the purposes and limits explained below.<\/p>\n \n <h4>2. Processed Personal Data and Purposes of Processing<\/h4>\n <p>Your Full Name, Company Name, E-mail, Phone Number, and professional expertise information shared via this form are processed for the purposes of contacting you, evaluating your R&D requests, carrying out cooperation processes, and providing technical feedback.<\/p>\n \n <h4>3. Transfer of Personal Data<\/h4>\n <p>Your personal data is not shared with any third party, institution, or company for commercial purposes without your consent, except for authorized public institutions and organizations due to legal obligations. Technical details are kept strictly confidential by the Letoon R&D committee.<\/p>\n \n <h4>4. Method and Legal Reason for Collecting Personal Data<\/h4>\n <p>Your data is collected automatically through the form you fill out in the digital environment, based on your explicit consent and the legal reason that “it is directly related to the establishment or performance of a contract”.<\/p>\n \n <h4>5. Rights of the Data Subject<\/h4>\n <p>By applying to our company, you have the right to learn whether your data is being processed, request its updating, request its deletion, and request the correction of incomplete processing.<\/p>\n <\/div>\n\n <button type=\"button\" class=\"btn-contact\" style=\"width: 100%; justify-content: center; margin-top: 10px; border-radius: 8px;\" onclick=\"acceptGdpr()\">I have read, understood, and accept<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Append modals to body end to prevent z-index issues\n var formModal = document.getElementById('letoonArgeFormModal');\n var gdprModal = document.getElementById('gdprModal');\n if (formModal) document.body.appendChild(formModal);\n if (gdprModal) document.body.appendChild(gdprModal);\n });\n\n \/\/ --- MAIN FORM MODAL CONTROLS ---\n function openFormModal() {\n var formModal = document.getElementById('letoonArgeFormModal');\n formModal.style.display = 'block';\n setTimeout(function(){ formModal.classList.add('active'); }, 10);\n document.body.style.overflow = 'hidden'; \n }\n\n function closeFormModal() {\n var formModal = document.getElementById('letoonArgeFormModal');\n formModal.classList.remove('active');\n setTimeout(function(){\n formModal.style.display = 'none';\n document.body.style.overflow = 'auto'; \n }, 300);\n }\n\n \/\/ --- GDPR MODAL CONTROLS ---\n function openGdprModal(e) {\n if(e) e.preventDefault(); \/\/ Prevent label from triggering the checkbox\n var gdprModal = document.getElementById('gdprModal');\n gdprModal.style.display = 'block';\n setTimeout(function(){ gdprModal.classList.add('active'); }, 10);\n }\n\n function closeGdprModal() {\n var gdprModal = document.getElementById('gdprModal');\n gdprModal.classList.remove('active');\n setTimeout(function(){\n gdprModal.style.display = 'none';\n }, 300);\n }\n\n function acceptGdpr() {\n var checkbox = document.getElementById('gdprCheckbox');\n checkbox.removeAttribute('disabled'); \/\/ Unlock\n checkbox.checked = true; \/\/ Auto-check\n closeGdprModal(); \/\/ Close modal\n }\n\n \/\/ --- CLOSE MODALS ON OUTSIDE CLICK ---\n window.onclick = function(event) {\n var formModal = document.getElementById('letoonArgeFormModal');\n var gdprModal = document.getElementById('gdprModal');\n \n \/\/ If GDPR modal is open and clicked outside, close GDPR\n if (event.target == gdprModal) {\n closeGdprModal();\n } \n \/\/ If GDPR is NOT open and clicked outside the main form, close form\n else if (event.target == formModal && gdprModal.style.display !== 'block') {\n closeFormModal();\n }\n }\n\n \/\/ --- DYNAMIC SECTION CONTROLS (A and B Selection) ---\n function toggleFormSections() {\n var radioGroup = document.getElementsByName('Application_Purpose');\n var sectionA = document.getElementById('section-A');\n var sectionB = document.getElementById('section-B');\n var selectedValue = \"\";\n\n for (var i = 0; i < radioGroup.length; i++) {\n if (radioGroup[i].checked) {\n selectedValue = radioGroup[i].value;\n break;\n }\n }\n\n if (selectedValue === \"Product_Development\") {\n sectionA.classList.add('active');\n sectionB.classList.remove('active');\n document.getElementsByName('Existing_Surface_Problem')[0].removeAttribute('required');\n \n } else if (selectedValue === \"Project_Support\") {\n sectionA.classList.remove('active');\n sectionB.classList.add('active');\n document.getElementsByName('Existing_Surface_Problem')[0].setAttribute('required', 'true');\n \n } else if (selectedValue === \"Both\") {\n sectionA.classList.add('active');\n sectionB.classList.add('active');\n document.getElementsByName('Existing_Surface_Problem')[0].setAttribute('required', 'true');\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Letoon Architecture | R&D and New Material Development Advanced Technology & Innovat\u0131on LETOON ARCHITECTURE R&D & NEW MATERIAL DEVELOPMENT We<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3168"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3168\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}