{"id":3180,"date":"2026-01-30T17:13:10","date_gmt":"2026-01-30T14:13:10","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3180"},"modified":"2026-03-04T17:49:34","modified_gmt":"2026-03-04T14:49:34","slug":"how-we-work","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/how-we-work\/","title":{"rendered":"How we work"},"content":{"rendered":"\n<!-- ============================================================================== -->\n<!-- === LETOON \"HOW WE WORK\" (ENGLISH) + DIRECT FORM INTEGRATION ============= -->\n<!-- ============================================================================== -->\n\n<style>\n  \/* --- 1. PAGE GENERAL STYLES (Your Provided CSS) --- *\/\n  .letoon-wrapper { font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #333; }\n  .letoon-wrapper * { box-sizing: border-box; }\n\n  .letoon-container {\n    background: #fdfdfd;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n\n  \/* Typography *\/\n  .letoon-main-title {\n    font-size: 2.5rem; font-weight: 800; color: #D20422;\n    margin-bottom: 10px; text-transform: uppercase;\n    border-bottom: 3px solid #15296B; display: inline-block; padding-bottom: 5px;\n    line-height: 1.2;\n  }\n  .letoon-sub-title { font-size: 1.5rem; font-weight: 600; color: #15296B; margin-bottom: 25px; letter-spacing: 1px; }\n  .letoon-section-title {\n    font-size: 1.8rem; font-weight: 700; color: #222; margin-top: 50px; margin-bottom: 25px;\n    border-left: 6px solid #D20422; padding-left: 15px;\n  }\n\n  \/* Texts *\/\n  .letoon-text { font-size: 1.05rem; margin-bottom: 20px; color: #444; text-align: justify; }\n  .letoon-intro {\n    font-size: 1.15rem; color: #555; border-left: 4px solid #ddd; padding-left: 20px;\n    margin-bottom: 40px; background: #f9f9f9; padding: 20px; border-radius: 0 10px 10px 0; text-align: justify;\n  }\n\n  \/* Grid Card System *\/\n  .letoon-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 40px; }\n  .letoon-card {\n    background: #fff; border-radius: 12px; padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-top: 5px solid #D20422;\n    transition: all 0.3s ease; height: 100%; position: relative; overflow: hidden;\n  }\n  .letoon-card:hover { transform: translateY(-7px); box-shadow: 0 15px 30px rgba(21, 41, 107, 0.15); }\n  .letoon-card h3 { color: #D20422; font-size: 1.3rem; margin-bottom: 15px; font-weight: 700; }\n  .letoon-card p { font-size: 0.95rem; color: #555; line-height: 1.5; text-align: justify; }\n\n  \/* Numbering & Lists *\/\n  .step-number {\n      background: #15296B; color: #fff; width: 35px; height: 35px; border-radius: 50%;\n      display: inline-flex; align-items: center; justify-content: center;\n      font-weight: bold; margin-right: 10px; font-size: 1rem;\n  }\n  .feature-list { list-style: none; padding: 0; margin-top: 15px; }\n  .feature-list li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 0.95rem; color: #444; text-align: justify; }\n  .feature-list li::before { content: \"\u2022\"; color: #D20422; font-weight: bold; font-size: 1.2rem; position: absolute; left: 0; top: -2px; }\n\n  \/* Tech Box & Highlights *\/\n  .tech-box {\n    background: #fff; border-radius: 12px; padding: 30px;\n    border: 1px solid #eee; border-left: 6px solid #15296B; margin-bottom: 30px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n  }\n  .tech-box h4 { color: #15296B; font-size: 1.2rem; margin-bottom: 10px; font-weight: 700; }\n  .tech-box p { text-align: justify; }\n  .highlight-box { background: #fffafa; padding: 25px; border-radius: 8px; border: 1px dashed #D20422; margin-top: 20px; }\n\n  \/* Footer *\/\n  .letoon-footer {\n    background: linear-gradient(135deg, #15296B, #2a4ec2); color: #fff;\n    padding: 40px; border-radius: 15px; text-align: center; margin-top: 50px;\n  }\n  .letoon-footer h3 { color: #fff !important; margin-bottom: 20px; font-size: 1.5rem; }\n  .letoon-footer p, .letoon-footer div { color: #fff !important; }\n  .letoon-footer p { text-align: center; max-width: 800px; margin: 0 auto 30px auto; }\n  \n  .check-list {\n      list-style: none; padding: 0; display: inline-block; text-align: left;\n      margin-top: 20px; background: rgba(255,255,255,0.1); padding: 20px; border-radius: 10px;\n  }\n  .check-list li { color: #fff; margin-bottom: 8px; font-size: 1.1rem; }\n\n  \/* --- 2. MODAL & BUTTON STYLES (NEW ADDITIONS) --- *\/\n  \n  \/* Action Button Wrapper *\/\n  .letoon-cta-wrapper {\n    display: flex; justify-content: center; align-items: center;\n    padding: 50px 20px 20px 20px; width: 100%;\n  }\n\n  .letoon-cta-btn {\n    background: linear-gradient(135deg, #D20422 0%, #b0031c 100%);\n    color: #fff !important; border: none; padding: 20px 50px;\n    font-size: 1.2rem; font-family: 'Segoe UI', sans-serif; font-weight: 700;\n    border-radius: 50px; cursor: pointer;\n    box-shadow: 0 10px 25px rgba(210, 4, 34, 0.4);\n    transition: all 0.4s ease; position: relative; overflow: hidden;\n    letter-spacing: 0.5px; text-transform: uppercase;\n    display: inline-flex; align-items: center; gap: 15px; z-index: 10;\n    text-decoration: none !important;\n  }\n  .letoon-cta-btn::after {\n    content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 4px;\n    background-color: #15296B; transition: width 0.4s ease;\n  }\n  .letoon-cta-btn:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(210, 4, 34, 0.6); padding-right: 60px; }\n  .letoon-cta-btn:hover::after { width: 100%; }\n  .btn-icon { transition: transform 0.4s ease; font-size: 1.5rem; line-height: 1; }\n  .letoon-cta-btn:hover .btn-icon { transform: translateX(5px); }\n\n  \/* Modal Overlay *\/\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  \/* Modal Content Box *\/\n  .letoon-modal-content {\n    position: relative; margin: 40px auto; width: 90%; max-width: 900px;\n    background: #fdfdfd; border-radius: 12px;\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 #D20422;\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: #15296B; 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: #D20422; transform: rotate(90deg); }\n\n  .letoon-inner-container { padding: 40px; text-align: left; color: #333; }\n  \n  \/* --- FORM STYLES --- *\/\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.1rem; font-weight: 700; color: #15296B; margin-bottom: 15px;\n    background: #f0f2f8; padding: 10px 15px; border-left: 5px solid #D20422; 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; }\n  .letoon-label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 0.9rem; 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: #15296B; outline: none; box-shadow: 0 0 5px rgba(21, 41, 107, 0.2); }\n  .letoon-textarea { resize: vertical; min-height: 80px; }\n\n  \/* Checkbox & Radio *\/\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: #D20422; transform: scale(1.2); }\n\n  .form-submit-btn {\n    width: 100%; background: #15296B; 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: #D20422; }\n\n  @media (max-width: 768px) {\n    .letoon-cta-btn { font-size: 0.95rem; padding: 15px 20px; width: 100%; justify-content: center; }\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\n<div class=\"letoon-wrapper\">\n  \n  <!-- ============================================= -->\n  <!-- PART 1: \"HOW WE WORK\" PAGE CONTENT -->\n  <!-- ============================================= -->\n  <div class=\"letoon-container\">\n\n    <!-- HEADER SECTION -->\n    <header>\n      <h1 class=\"letoon-main-title\">How We Work ?<\/h1>\n      <h2 class=\"letoon-sub-title\">Letoon Architecture&#8217;s Technical Secrets: A Holistic System Approach<\/h2>\n      \n      <div class=\"letoon-intro\">\n        <p>In many projects, the first question is &#8220;Which product should we use?&#8221; At Letoon Architecture, we don&#8217;t start with that question. Because the issue is not just choosing the right product; it is a <strong>technical process<\/strong> that requires correctly reading the structure, the surface, and the root of the problem.<\/p>\n        <p style=\"margin-top:10px;\">Our job is not to pick products from a catalog; it is <strong>to define the need, design the system, and guarantee the result.<\/strong><\/p>\n      <\/div>\n    <\/header>\n\n    <!-- STEP 1: ANALYSIS -->\n    <h3 class=\"letoon-section-title\"><span class=\"step-number\">1<\/span> Diagnosis and Surface Analysis<\/h3>\n    <p class=\"letoon-text\">At Letoon, no project starts by suggesting standard products from a catalog at a desk. First, we read the surface and get to the root of the problem. Because a wrong diagnosis makes even the best product fail.<\/p>\n\n    <div class=\"highlight-box\">\n        <h4 style=\"color: #D20422; margin-top: 0; margin-bottom: 10px;\">We Look at the Origin, Not Just What is Visible<\/h4>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 20px;\">\n            <div style=\"flex: 1; min-width: 250px;\">\n                <ul class=\"feature-list\">\n                  <li><strong>Efflorescence (Salting):<\/strong> Not just a stain, but a structural moisture movement.<\/li>\n                  <li><strong>Moisture:<\/strong> Not just wetness, but a problem whose source (capillary, condensation, etc.) must be identified.<\/li>\n                <\/ul>\n            <\/div>\n            <div style=\"flex: 1; min-width: 250px;\">\n                <ul class=\"feature-list\">\n                  <li><strong>Biological Growth:<\/strong> Not just cleaning, but eliminating the environment that allows regrowth.<\/li>\n                  <li><strong>Past Interventions:<\/strong> Analysis of what incorrect materials the structure has been exposed to previously.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 2: SYSTEM DESIGN -->\n    <h3 class=\"letoon-section-title\"><span class=\"step-number\">2<\/span> Developing Specific Technical Strategy<\/h3>\n    <p class=\"letoon-text\">Letoon does not offer standard prescriptions. Every structure is different, so the solution must be &#8220;tailor-made.&#8221; After analysis, we design the integrated system best suited for that structure.<\/p>\n\n    <div class=\"letoon-grid\">\n      <!-- Preparation -->\n      <div class=\"letoon-card\">\n        <h3>Surface Preparation and Cleaning<\/h3>\n        <p>Letoon Architecture knows that the foundation of success in restoration and construction applications lies in proper surface preparation and cleaning. Every structure undergoes a detailed inspection based on material type and current condition; the appropriate cleaning method for natural stone, concrete, wood, or metal surfaces is meticulously selected. Mechanical cleaning, low-pressure washing, or eco-friendly chemical applications are used to remove dirt, algae, salts, and old paint residues without damage.<\/p>\n      <\/div>\n\n      <!-- Intervention -->\n      <div class=\"letoon-card\">\n        <h3>Repair and Protection<\/h3>\n        <p>Letoon bases its interventions in restoration on the specific character of each structure. In local repairs, only damaged areas are strengthened to avoid unnecessary interventions; historical and aesthetic values are preserved. After repair, areas requiring protection versus coating are meticulously planned, and the selected system is designed not to hinder the structure&#8217;s ability to &#8220;breathe.&#8221;<\/p>\n      <\/div>\n\n      <!-- Sustainability -->\n      <div class=\"letoon-card\">\n        <h3>Maintenance Scenario<\/h3>\n        <p>Letoon Architecture plans not just for today, but for the future of the structure. Maintenance scenarios are created to maintain the long-term performance of applied systems; inspection intervals and potential necessary interventions are determined in advance. Thus, while preserving aesthetic and structural integrity, future costs are minimized.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 3: TECHNOLOGY SELECTION -->\n    <h3 class=\"letoon-section-title\"><span class=\"step-number\">3<\/span> Correct Technology and Production Power<\/h3>\n    <p class=\"letoon-text\">For us, it&#8217;s not about the brand label. It&#8217;s about the right technology meeting the right surface. To achieve this, we use both the power of global giants and our own production experience.<\/p>\n\n    <div class=\"tech-box\">\n        <div class=\"letoon-grid\" style=\"margin-bottom: 0; gap: 40px;\">\n            <div>\n                <h4>Global Technology Partners<\/h4>\n                <p style=\"font-size: 0.95rem;\">We integrate the world&#8217;s best protection technologies into your projects.<\/p>\n                <ul class=\"feature-list\">\n                    <li><strong>KEIM:<\/strong> Inventor of silicate technology.<\/li>\n                    <li><strong>EVONIK (Protectosil):<\/strong> World leader in building protection chemicals.<\/li>\n                <\/ul>\n            <\/div>\n            <div style=\"border-left: 1px solid #eee; padding-left: 20px;\">\n                <h4 style=\"color: #D20422;\">Our Own Brands: ECOTERA \/ BAUTERA<\/h4>\n                <p style=\"font-size: 0.95rem;\">Our domestic and sustainable production power developed with 20 years of experience.<\/p>\n                <ul class=\"feature-list\">\n                    <li>Ecological and high-performance solutions.<\/li>\n                    <li>Not every surface handles standard products; <strong>project-specific production<\/strong> when necessary.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 4: EXECUTION & RESULT -->\n    <h3 class=\"letoon-section-title\"><span class=\"step-number\">4<\/span> Application Responsibility and Follow-up<\/h3>\n    <p class=\"letoon-text\">For us, the process doesn&#8217;t start when the offer is submitted; it truly begins when the application starts. We don&#8217;t just sell products and walk away, because <strong>even the right product applied incorrectly will fail.<\/strong><\/p>\n\n    <div class=\"letoon-grid\" style=\"grid-template-columns: 1fr 1fr;\">\n        <div class=\"letoon-card\" style=\"border-top-color: #15296B;\">\n            <h3 style=\"color: #15296B;\">Active Role in the Field<\/h3>\n            <p>We provide technical guidance before application and personally inspect critical stages on-site. We audit the correctness of dosages, methods, and techniques.<\/p>\n        <\/div>\n        <div class=\"letoon-card\" style=\"border-top-color: #15296B;\">\n            <h3 style=\"color: #15296B;\">Result Oriented<\/h3>\n            <p>Our follow-up doesn&#8217;t end when the project is done and scaffolding is removed. We monitor the structure&#8217;s reaction to the new system and its performance, taking responsibility for the outcome.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- FOOTER: PHILOSOPHY SUMMARY -->\n    <div class=\"letoon-footer\">\n      <h3>LETOON WORKING PHILOSOPHY<\/h3>\n      <p>In summary; Letoon correctly analyzes the surface problem, designs the correct integrated solution system, and secures the result.<\/p>\n      \n      <div style=\"display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;\">\n          <ul class=\"check-list\">\n              <li style=\"opacity: 0.7; text-decoration: line-through;\">&#x274c; Quick sales<\/li>\n              <li style=\"opacity: 0.7; text-decoration: line-through;\">&#x274c; Standard prescriptions<\/li>\n              <li style=\"opacity: 0.7; text-decoration: line-through;\">&#x274c; Short-term solutions<\/li>\n          <\/ul>\n          <ul class=\"check-list\" style=\"background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3);\">\n              <li>&#x2705; Technical analysis and correct diagnosis<\/li>\n              <li>&#x2705; Holistic system approach<\/li>\n              <li>&#x2705; Long-lasting performance<\/li>\n              <li>&#x2705; Responsibility in the field and process<\/li>\n          <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- ACTION BUTTON (OPENS FORM) -->\n    <div class=\"letoon-cta-wrapper\">\n      <button class=\"letoon-cta-btn\" onclick=\"openFormModal()\">\n        <span class=\"btn-icon\">\ud83d\udccb<\/span>\n        Start Process &#038; Request Pre-Analysis\n      <\/button>\n    <\/div>\n\n  <\/div> <!-- Container End -->\n\n  <!-- ============================================= -->\n  <!-- PART 2: DETAILED FORM LIGHTBOX (ENGLISH) -->\n  <!-- ============================================= -->\n  <div id=\"letoonFormModal\" class=\"letoon-modal-overlay\">\n    <div class=\"letoon-modal-content\">\n      <button class=\"close-modal-btn\" onclick=\"closeFormModal()\">&times;<\/button>\n\n      <div class=\"letoon-inner-container\">\n        <header style=\"text-align:center; margin-bottom:30px;\">\n          <h2 class=\"letoon-main-title\">LETOON Project Preliminary Information Form<\/h2>\n          <p>Please fill out the form in detail so we can offer the most suitable solution for your project.<\/p>\n        <\/header>\n\n        <!-- FORMSPREE ACTION -->\n        <form action=\"https:\/\/formspree.io\/f\/mnjbporn\" method=\"POST\">\n          \n          <!-- SECTION 1: Contact -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">1. Contact Information<\/h3>\n            <div class=\"letoon-form-row\">\n              <div class=\"letoon-input-group\">\n                <label class=\"letoon-label\">Full Name<\/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\">\n              <\/div>\n            <\/div>\n            <div class=\"letoon-form-row\">\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 class=\"letoon-input-group\">\n                <label class=\"letoon-label\">Email<\/label>\n                <input type=\"email\" name=\"email\" class=\"letoon-input\" required>\n              <\/div>\n            <\/div>\n            <div class=\"letoon-input-group\" style=\"margin-bottom:15px;\">\n               <label class=\"letoon-label\">Project Location (City \/ District)<\/label>\n               <input type=\"text\" name=\"Location\" class=\"letoon-input\">\n            <\/div>\n            \n            <label class=\"letoon-label\">Your Position:<\/label>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Owner\"> Company Owner \/ Partner<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Project Manager\"> Project Manager<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Architect\"> Architect \/ Restorer<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Civil Engineer\"> Civil Engineer<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Site Chief\"> Site Chief<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Position\" value=\"Other\"> Other<\/label>\n            <\/div>\n          <\/div>\n\n          <!-- SECTION 2: Project Info -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">2. Project Information<\/h3>\n            \n            <label class=\"letoon-label\">Project Type:<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Project_Type[]\" value=\"Historical\"> Historical Building<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Project_Type[]\" value=\"Public\"> Public Building<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Project_Type[]\" value=\"Residential_Commercial\"> Residential \/ Commercial<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Project_Type[]\" value=\"Industrial\"> Industrial Facility<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Project_Type[]\" value=\"Modern\"> Modern Structure<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Project Scale:<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Scale\" value=\"Single Surface\"> Single Surface \/ Limited Area<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Scale\" value=\"Facade\"> Facade Scale<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Scale\" value=\"Whole Structure\"> Whole Structure<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Scale\" value=\"Complex\"> Complex \/ Multi-component<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Approximate Application Area (m\u00b2):<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Area_Sqm\" value=\"0-100\"> 0\u2013100 m\u00b2<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Area_Sqm\" value=\"100-500\"> 100\u2013500 m\u00b2<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Area_Sqm\" value=\"500-2000\"> 500\u20132000 m\u00b2<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Area_Sqm\" value=\"2000+\"> 2000+ m\u00b2<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Project Status:<\/label>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Status\" value=\"Planning\"> Planning Phase<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Status\" value=\"Pre-Application\"> Technical Decision \/ Pre-Application<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Status\" value=\"Ongoing\"> Application Ongoing<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Project_Status\" value=\"Problem Occurred\"> Problem Occurred \/ Intervention Needed<\/label>\n            <\/div>\n          <\/div>\n\n          <!-- SECTION 3: Surface & Tech -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">3. Surface and Technical Needs<\/h3>\n            \n            <label class=\"letoon-label\">Main surface types to be worked on:<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Surface_Type[]\" value=\"Natural Stone\"> Natural Stone (Marble, etc.)<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Surface_Type[]\" value=\"Concrete\"> Concrete<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Surface_Type[]\" value=\"Plaster\"> Plaster<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Surface_Type[]\" value=\"Wood\"> Wood<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Surface_Type[]\" value=\"Metal\"> Metal<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Primary Solution Need (Max 2):<\/label>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Solution_Need[]\" value=\"Cleaning\"> Surface Cleaning \/ Preparation<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Solution_Need[]\" value=\"Protection\"> Surface Protection (Water repellency, etc.)<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Solution_Need[]\" value=\"Product Selection\"> Product Selection Consultancy<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Solution_Need[]\" value=\"Application Consulting\"> Application Consultancy<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Solution_Need[]\" value=\"Product Supply\"> Product Supply<\/label>\n            <\/div>\n          <\/div>\n\n          <!-- SECTION 4: Problem -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">4. Problem Definition<\/h3>\n            <div class=\"letoon-input-group\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-label\">Briefly describe the problem you are facing:<\/label>\n              <textarea name=\"Problem_Description\" class=\"letoon-textarea\" placeholder=\"Ex: Segregation on concrete surfaces, salt efflorescence on natural stone...\"><\/textarea>\n            <\/div>\n            \n            <label class=\"letoon-label\">Has a technical evaluation been done?<\/label>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Technical_Eval\" value=\"No\"> No<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Technical_Eval\" value=\"Preliminary\"> Preliminary evaluation done<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Technical_Eval\" value=\"Report Available\"> Sample \/ Test \/ Report available<\/label>\n            <\/div>\n          <\/div>\n\n          <!-- SECTION 5: Expectations -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">5. Expectations<\/h3>\n            \n            <label class=\"letoon-label\">What is your priority for this project? (Max 2):<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Long Life\"> Long life and permanent performance<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Short Term\"> Short \/ medium-term solution<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Fast App\"> Fast application suitable for time pressure<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Budget\"> Budget optimization<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Risk Minimize\"> Minimizing technical risks<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Priority[]\" value=\"Aesthetic\"> Preserving aesthetic integrity<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Expected performance duration:<\/label>\n            <div class=\"letoon-check-grid\" style=\"margin-bottom:15px;\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Performance_Time\" value=\"1-3 Years\"> 1\u20133 years<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Performance_Time\" value=\"3-5 Years\"> 3\u20135 years<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Performance_Time\" value=\"5+ Years\"> 5 years +<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Performance_Time\" value=\"Custom\"> Project Specific<\/label>\n            <\/div>\n\n            <label class=\"letoon-label\">Technical decision timeline:<\/label>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Timeline\" value=\"Urgent\"> Urgent (0\u20131 month)<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Timeline\" value=\"Short Term\"> Short term (1\u20133 months)<\/label>\n              <label class=\"letoon-check-item\"><input type=\"radio\" name=\"Timeline\" value=\"Medium Term\"> Medium term (3 months +)<\/label>\n            <\/div>\n          <\/div>\n\n          <!-- SECTION 6: Request from Letoon -->\n          <div class=\"letoon-form-section\">\n            <h3 class=\"letoon-form-title\">6. Request from LETOON<\/h3>\n            <div class=\"letoon-check-grid\">\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Request[]\" value=\"Site Survey\"> On-site survey and technical analysis<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Request[]\" value=\"Sample\"> Sample application<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Request[]\" value=\"Technical Report\"> Technical report and solution proposal<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Request[]\" value=\"Product Proposal\"> Product proposal<\/label>\n              <label class=\"letoon-check-item\"><input type=\"checkbox\" name=\"Request[]\" value=\"Training\"> Training \/ Technical information<\/label>\n            <\/div>\n          <\/div>\n\n          <button type=\"submit\" class=\"form-submit-btn\">SEND FORM &rarr;<\/button>\n\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div> \n<!-- Letoon Wrapper End -->\n\n<!-- SCRIPT (MODAL CONTROLLERS) -->\n<script>\n  \/\/ Move modals to end of body to avoid z-index issues\n  document.addEventListener(\"DOMContentLoaded\", function() {\n      var modal = document.getElementById('letoonFormModal');\n      if (modal) document.body.appendChild(modal);\n  });\n\n  \/\/ MODAL OPEN\/CLOSE FUNCTIONS\n  function openFormModal() {\n    var formModal = document.getElementById('letoonFormModal');\n    formModal.style.display = 'block';\n    \/\/ Short delay for animation\n    setTimeout(function(){ formModal.classList.add('active'); }, 10);\n    document.body.style.overflow = 'hidden'; \/\/ Lock scroll\n  }\n\n  function closeFormModal() {\n    var formModal = document.getElementById('letoonFormModal');\n    formModal.classList.remove('active');\n    setTimeout(function(){\n      formModal.style.display = 'none';\n      document.body.style.overflow = 'auto'; \/\/ Unlock scroll\n    }, 300);\n  }\n\n  \/\/ Close when clicking outside\n  window.onclick = function(event) {\n    var modal = document.getElementById('letoonFormModal');\n    if (event.target == modal) {\n      closeFormModal();\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>How We Work ? Letoon Architecture&#8217;s Technical Secrets: A Holistic System Approach In many projects, the first question is &#8220;Which<\/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-3180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3180","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=3180"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3180\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}