{"id":2404,"date":"2026-08-19T07:58:58","date_gmt":"2026-08-19T07:58:58","guid":{"rendered":"https:\/\/testet.biz\/reactio\/?page_id=2404"},"modified":"2026-08-19T14:15:16","modified_gmt":"2026-08-19T14:15:16","slug":"ozel-yazilim","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/","title":{"rendered":"\u00d6zel Yaz\u0131l\u0131m"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2404\" class=\"elementor elementor-2404\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff9fc20 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ff9fc20\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f77c1c dark-color\" data-id=\"7f77c1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78d2f96 elementor-widget elementor-widget-html\" data-id=\"78d2f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-hero\">\n\n  <div class=\"reactio-custom-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-custom-hero__top\">\n\n      <span class=\"reactio-custom-hero__eyebrow\">\n        CUSTOM SOFTWARE DEVELOPMENT\n      <\/span>\n\n      <span class=\"reactio-custom-hero__status\">\n        <i><\/i>\n        BUILT AROUND YOUR BUSINESS\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-custom-hero__content\">\n\n      <h1>\n        YOUR BUSINESS.<br>\n        YOUR LOGIC.<br>\n        <span>YOUR SOFTWARE.<\/span>\n      <\/h1>\n\n\n      <div class=\"reactio-custom-hero__bottom\">\n\n        <div class=\"reactio-custom-hero__copy\">\n\n          <p>\n            Haz\u0131r sistemlerin s\u0131n\u0131rlar\u0131na tak\u0131lmadan; i\u015f s\u00fcre\u00e7lerinize,\n            operasyonunuza ve b\u00fcy\u00fcme hedeflerinize g\u00f6re \u00f6l\u00e7eklenebilir\n            \u00f6zel yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz.\n          <\/p>\n\n          <div class=\"reactio-custom-hero__tags\">\n\n            <span>CUSTOM DEVELOPMENT<\/span>\n            <span>WEB APPLICATION<\/span>\n            <span>API<\/span>\n            <span>AUTOMATION<\/span>\n            <span>SCALABLE<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a href=\"\/iletisim\/\" class=\"reactio-custom-hero__button\">\n\n          <span>\n            PROJEN\u0130 KONU\u015eALIM\n          <\/span>\n\n          <b>\u2197<\/b>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-custom-hero__footer\">\n\n      <span>\n        STRATEGY \u00b7 ARCHITECTURE \u00b7 DEVELOPMENT \u00b7 INTEGRATION \u00b7 SUPPORT\n      <\/span>\n\n      <strong>\n        SOFTWARE THAT FITS THE WAY YOU WORK.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.reactio-custom-hero{\n  width:100%;\n  min-height:82vh;\n\n  display:flex;\n\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-hero__container{\n  width:100%;\n  max-width:1600px;\n\n  min-height:82vh;\n\n  margin:0 auto;\n\n  padding:\n    48px\n    50px\n    35px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-custom-hero__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-custom-hero__eyebrow{\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.4px;\n\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-custom-hero__status{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  font-size:9px;\n\n  font-weight:850;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.45);\n}\n\n.reactio-custom-hero__status i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#8fff8f;\n\n  box-shadow:\n    0 0 15px rgba(143,255,143,.75);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-custom-hero__content{\n  padding:\n    75px\n    0\n    55px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-custom-hero h1{\n  margin:0;\n\n  max-width:1500px;\n\n  font-size:\n    clamp(\n      70px,\n      8.5vw,\n      150px\n    );\n\n  line-height:.81;\n\n  letter-spacing:-.068em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-custom-hero h1 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:\n    2px\n    #fff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-custom-hero__bottom{\n  margin-top:55px;\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:70px;\n}\n\n.reactio-custom-hero__copy{\n  max-width:740px;\n}\n\n.reactio-custom-hero__copy p{\n  margin:0;\n\n  max-width:720px;\n\n  font-size:19px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.58);\n}\n\n\n\/* =====================================================\n   TAGS\n===================================================== *\/\n\n.reactio-custom-hero__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.reactio-custom-hero__tags span{\n  padding:\n    7px\n    11px;\n\n  border:\n    1px\n    solid\n    rgba(255,255,255,.17);\n\n  border-radius:100px;\n\n  font-size:7px;\n\n  font-weight:850;\n\n  letter-spacing:.7px;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.reactio-custom-hero__button{\n  min-width:230px;\n\n  height:62px;\n\n  padding:\n    0\n    24px;\n\n  flex-shrink:0;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-radius:100px;\n\n  background:#fff;\n\n  color:#080808 !important;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  transition:\n    transform\n    .35s\n    ease;\n}\n\n.reactio-custom-hero__button b{\n  font-size:19px;\n\n  font-weight:400;\n\n  transition:\n    transform\n    .35s\n    ease;\n}\n\n.reactio-custom-hero__button:hover{\n  transform:translateY(-3px);\n}\n\n.reactio-custom-hero__button:hover b{\n  transform:translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.reactio-custom-hero__footer{\n  padding-top:25px;\n\n  border-top:\n    1px\n    solid\n    rgba(255,255,255,.14);\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-custom-hero__footer span{\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-custom-hero__footer strong{\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-hero__container{\n    padding:\n      42px\n      30px\n      32px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-hero{\n    min-height:72vh;\n  }\n\n  .reactio-custom-hero__container{\n    min-height:72vh;\n\n    padding:\n      28px\n      20px\n      25px;\n  }\n\n  .reactio-custom-hero__eyebrow{\n    font-size:8px;\n  }\n\n  .reactio-custom-hero__status{\n    font-size:7px;\n\n    letter-spacing:.7px;\n  }\n\n  .reactio-custom-hero__content{\n    padding:\n      65px\n      0\n      45px;\n  }\n\n  .reactio-custom-hero h1{\n    font-size:\n      clamp(\n        43px,\n        12vw,\n        61px\n      );\n\n    line-height:.85;\n  }\n\n  .reactio-custom-hero h1 span{\n    -webkit-text-stroke:\n      1px\n      #fff;\n  }\n\n  .reactio-custom-hero__bottom{\n    margin-top:35px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-custom-hero__copy p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-custom-hero__button{\n    width:100%;\n  }\n\n  .reactio-custom-hero__footer{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:8px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a77833 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6a77833\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-504ea11 dark-color\" data-id=\"504ea11\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4644409 elementor-widget elementor-widget-html\" data-id=\"4644409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-why\">\n\n  <div class=\"reactio-custom-why__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-custom-why__header\">\n\n      <div class=\"reactio-custom-why__title\">\n\n        <span class=\"reactio-custom-why__eyebrow\">\n          WHY CUSTOM SOFTWARE?\n        <\/span>\n\n        <h2>\n          \u0130\u015e\u0130N\u0130Z\u0130 YAZILIMA<br>\n          UYDURMAYIN.<br>\n          <span>YAZILIMI \u0130\u015e\u0130N\u0130ZE UYDURUN.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"reactio-custom-why__intro\">\n\n        <span>\n          BUILT AROUND YOUR WORKFLOW\n        <\/span>\n\n        <h3>\n          Her i\u015fletmenin \u00e7al\u0131\u015fma bi\u00e7imi farkl\u0131d\u0131r.\n          Yaz\u0131l\u0131m\u0131n\u0131z da \u00f6yle olmal\u0131.\n        <\/h3>\n\n        <p>\n          Haz\u0131r yaz\u0131l\u0131mlar sizi \u00f6nceden belirlenmi\u015f s\u00fcre\u00e7lere\n          uymaya zorlayabilir. \u00d6zel yaz\u0131l\u0131mda ise sistemi;\n          operasyonunuza, ekibinize ve mevcut i\u015f ak\u0131\u015f\u0131n\u0131za\n          g\u00f6re tasarl\u0131yoruz.\n        <\/p>\n\n        <p>\n          \u0130htiyac\u0131n\u0131z olmayan \u00f6zellikleri ortadan kald\u0131r\u0131yor,\n          ger\u00e7ekten kulland\u0131\u011f\u0131n\u0131z s\u00fcre\u00e7leri dijitalle\u015ftiriyor\n          ve \u015firketiniz b\u00fcy\u00fcd\u00fck\u00e7e geli\u015ftirilebilen bir altyap\u0131\n          olu\u015fturuyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-custom-why__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>01<\/span>\n          <small>WORKFLOW<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            \u0130\u015e<br>\n            AKI\u015eLARI\n          <\/h3>\n\n          <p>\n            \u015eirketinizin mevcut operasyonunu analiz ederek\n            yaz\u0131l\u0131m\u0131 ger\u00e7ek \u00e7al\u0131\u015fma s\u00fcre\u00e7lerinizin etraf\u0131nda\n            kurguluyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>02<\/span>\n          <small>AUTOMATION<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            S\u00dcRE\u00c7<br>\n            OTOMASYONU\n          <\/h3>\n\n          <p>\n            Tekrarlanan manuel i\u015flemleri azaltan otomasyonlar\n            geli\u015ftirerek ekibinizin zaman\u0131n\u0131 daha de\u011ferli\n            i\u015flere ay\u0131rmas\u0131n\u0131 sa\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>03<\/span>\n          <small>INTEGRATION<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            S\u0130STEM<br>\n            ENTEGRASYONU\n          <\/h3>\n\n          <p>\n            Web sitesi, CRM, ERP, e-ticaret, \u00f6deme sistemleri\n            ve \u00fc\u00e7\u00fcnc\u00fc parti servisleri API ba\u011flant\u0131lar\u0131yla\n            birlikte \u00e7al\u0131\u015fabilir hale getiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>04<\/span>\n          <small>DATA<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            VER\u0130 &<br>\n            RAPORLAMA\n          <\/h3>\n\n          <p>\n            Farkl\u0131 kaynaklardaki verileri tek merkezde\n            toplayan y\u00f6netim ekranlar\u0131, raporlar ve\n            karar destek yap\u0131lar\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>05<\/span>\n          <small>SCALABILITY<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            \u00d6L\u00c7EKLENEB\u0130L\u0130R<br>\n            ALTYAPI\n          <\/h3>\n\n          <p>\n            Bug\u00fcnk\u00fc ihtiyac\u0131 \u00e7\u00f6zerken gelecekte yeni kullan\u0131c\u0131,\n            mod\u00fcl, entegrasyon ve \u00f6zelliklerin eklenebilece\u011fi\n            bir sistem mimarisi planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-custom-why__item\">\n\n        <div class=\"reactio-custom-why__top\">\n          <span>06<\/span>\n          <small>CONTROL<\/small>\n        <\/div>\n\n        <div class=\"reactio-custom-why__content\">\n\n          <h3>\n            TAM<br>\n            KONTROL\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 rolleri, yetkilendirmeler, s\u00fcre\u00e7ler,\n            veriler ve y\u00f6netim ekranlar\u0131n\u0131 i\u015fletmenizin\n            ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zelle\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-custom-why__bottom\">\n\n      <span>\n        BUILT FOR YOUR BUSINESS\n      <\/span>\n\n      <strong>\n        PROCESS \u2192 SOFTWARE \u2192 AUTOMATION \u2192 GROWTH\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-custom-why{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-why *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-why__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-custom-why__header{\n  display:grid;\n\n  grid-template-columns:1.15fr .85fr;\n\n  gap:100px;\n\n  align-items:end;\n\n  margin-bottom:90px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-custom-why__eyebrow{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n\n.reactio-custom-why__title h2{\n  margin:0;\n\n  font-size:clamp(52px,6vw,105px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n\n.reactio-custom-why__title h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.reactio-custom-why__intro > span{\n  display:block;\n\n  margin-bottom:20px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.38);\n}\n\n\n.reactio-custom-why__intro h3{\n  max-width:600px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(28px,2.5vw,42px);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:900;\n\n  color:#080808 !important;\n}\n\n\n.reactio-custom-why__intro p{\n  max-width:600px;\n\n  margin:0 0 15px;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.57);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-custom-why__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-custom-why__item{\n  min-height:350px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n\n.reactio-custom-why__item:nth-child(3n){\n  border-right:0;\n}\n\n\n.reactio-custom-why__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-custom-why__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n\n.reactio-custom-why__top span,\n.reactio-custom-why__top small{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.33);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-custom-why__content{\n  margin-top:75px;\n}\n\n\n.reactio-custom-why__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:color .4s ease;\n}\n\n\n.reactio-custom-why__item p{\n  max-width:350px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-custom-why__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n.reactio-custom-why__item:hover\n.reactio-custom-why__top span,\n\n.reactio-custom-why__item:hover\n.reactio-custom-why__top small{\n  color:rgba(255,255,255,.38);\n}\n\n\n.reactio-custom-why__item:hover h3{\n  color:#fff !important;\n}\n\n\n.reactio-custom-why__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-custom-why__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n\n.reactio-custom-why__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n\n.reactio-custom-why__bottom strong{\n  font-size:clamp(22px,2.7vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-why__container{\n    padding:100px 30px;\n  }\n\n\n  .reactio-custom-why__header{\n    grid-template-columns:1fr;\n\n    gap:50px;\n  }\n\n\n  .reactio-custom-why__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n\n  .reactio-custom-why__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n\n  .reactio-custom-why__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n\n  .reactio-custom-why__item:nth-child(5),\n  .reactio-custom-why__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-why__container{\n    padding:80px 20px 85px;\n  }\n\n\n  \/* HEADER *\/\n\n  .reactio-custom-why__header{\n    margin-bottom:60px;\n\n    gap:40px;\n  }\n\n\n  .reactio-custom-why__title h2{\n    font-size:clamp(40px,11vw,58px);\n\n    line-height:.87;\n  }\n\n\n  .reactio-custom-why__title h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n\n  .reactio-custom-why__intro h3{\n    font-size:29px;\n  }\n\n\n  .reactio-custom-why__intro p{\n    font-size:14px;\n  }\n\n\n  \/* GRID *\/\n\n  .reactio-custom-why__grid{\n    grid-template-columns:1fr;\n  }\n\n\n  .reactio-custom-why__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n\n  .reactio-custom-why__item:last-child{\n    border-bottom:0 !important;\n  }\n\n\n  .reactio-custom-why__content{\n    margin-top:55px;\n  }\n\n\n  .reactio-custom-why__item h3{\n    font-size:40px;\n  }\n\n\n  .reactio-custom-why__item p{\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .reactio-custom-why__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n\n  .reactio-custom-why__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cce268 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0cce268\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae571df dark-color\" data-id=\"ae571df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d1f8fe elementor-widget elementor-widget-html\" data-id=\"5d1f8fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-solutions\">\n\n  <div class=\"reactio-custom-solutions__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-custom-solutions__header\">\n\n      <span class=\"reactio-custom-solutions__eyebrow\">\n        WHAT WE BUILD\n      <\/span>\n\n      <h2>\n        CUSTOM SYSTEMS.<br>\n        REAL BUSINESS<br>\n        <span>SOLUTIONS.<\/span>\n      <\/h2>\n\n      <p>\n        \u0130\u015fletmenizin ihtiya\u00e7lar\u0131na g\u00f6re web tabanl\u0131 uygulamalardan\n        y\u00f6netim panellerine, entegrasyonlardan otomasyon sistemlerine\n        kadar \u00f6zel yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-custom-solutions__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>01<\/span>\n          <b>WEB APP<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            WEB<br>\n            UYGULAMALARI\n          <\/h3>\n\n          <p>\n            Taray\u0131c\u0131 \u00fczerinden \u00e7al\u0131\u015fan, kullan\u0131c\u0131 giri\u015fleri,\n            veri y\u00f6netimi ve i\u015f s\u00fcre\u00e7lerini destekleyen\n            \u00f6zel web uygulamalar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>02<\/span>\n          <b>DASHBOARD<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            Y\u00d6NET\u0130M<br>\n            PANELLER\u0130\n          <\/h3>\n\n          <p>\n            Operasyon, i\u00e7erik, kullan\u0131c\u0131, sipari\u015f veya veri s\u00fcre\u00e7lerini\n            tek merkezden y\u00f6netebilece\u011finiz \u00f6zel y\u00f6netim\n            panelleri olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>03<\/span>\n          <b>CRM \/ OPERATIONS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            CRM &<br>\n            OPERASYON\n          <\/h3>\n\n          <p>\n            M\u00fc\u015fteri, sat\u0131\u015f, teklif, g\u00f6rev ve operasyon s\u00fcre\u00e7lerini\n            \u015firketinizin \u00e7al\u0131\u015fma \u015fekline g\u00f6re y\u00f6netebilece\u011finiz\n            \u00f6zel sistemler geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>04<\/span>\n          <b>PORTALS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            M\u00dc\u015eTER\u0130 &<br>\n            BAY\u0130 PORTALLARI\n          <\/h3>\n\n          <p>\n            M\u00fc\u015fteri, bayi, i\u015f orta\u011f\u0131 veya ekiplerin kendilerine\n            \u00f6zel bilgi ve i\u015flemlere eri\u015febilece\u011fi g\u00fcvenli\n            portal sistemleri olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>05<\/span>\n          <b>API<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            API &<br>\n            ENTEGRASYON\n          <\/h3>\n\n          <p>\n            CRM, ERP, \u00f6deme, kargo, muhasebe, e-ticaret ve\n            \u00fc\u00e7\u00fcnc\u00fc parti servisleri API entegrasyonlar\u0131yla\n            birbirine ba\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>06<\/span>\n          <b>AUTOMATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            OTOMASYON<br>\n            S\u0130STEMLER\u0130\n          <\/h3>\n\n          <p>\n            Tekrarlanan veri giri\u015fleri, bildirimler,\n            raporlamalar ve operasyon ad\u0131mlar\u0131n\u0131 otomatikle\u015ftiren\n            yaz\u0131l\u0131m ak\u0131\u015flar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>07<\/span>\n          <b>MODULES<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            \u00d6ZEL<br>\n            MOD\u00dcLLER\n          <\/h3>\n\n          <p>\n            Mevcut sistemlerinize ihtiya\u00e7 duydu\u011funuz yeni\n            fonksiyonlar\u0131 ekleyen \u00f6zel mod\u00fcl ve \u00f6zellikler\n            geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>08<\/span>\n          <b>DATA<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            VER\u0130 &<br>\n            RAPORLAMA\n          <\/h3>\n\n          <p>\n            Farkl\u0131 sistemlerden gelen verileri anlaml\u0131 hale\n            getiren rapor ekranlar\u0131, performans g\u00f6stergeleri\n            ve veri y\u00f6netim \u00e7\u00f6z\u00fcmleri haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-custom-solutions__item\">\n\n        <div class=\"reactio-custom-solutions__top\">\n          <span>09<\/span>\n          <b>INTERNAL TOOLS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-solutions__content\">\n\n          <h3>\n            \u0130\u00c7 S\u0130STEM &<br>\n            ARA\u00c7LAR\n          <\/h3>\n\n          <p>\n            Ekiplerin g\u00fcnl\u00fck i\u015flerini kolayla\u015ft\u0131ran,\n            \u015firket i\u00e7i operasyonlar\u0131 h\u0131zland\u0131ran ve merkezi\n            y\u00f6netim sa\u011flayan \u00f6zel dijital ara\u00e7lar geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-custom-solutions__bottom\">\n\n      <span>\n        BUILT AROUND THE PROBLEM\n      <\/span>\n\n      <strong>\n        NO TEMPLATE. NO LIMITS. JUST THE RIGHT SYSTEM.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-custom-solutions{\n  width:100%;\n  overflow:hidden;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-solutions *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-solutions__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-custom-solutions__header{\n  margin-bottom:85px;\n}\n\n.reactio-custom-solutions__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-custom-solutions__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-custom-solutions__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-custom-solutions__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-custom-solutions__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-custom-solutions__item{\n  min-height:330px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-custom-solutions__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-custom-solutions__item:nth-child(n+7){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-custom-solutions__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-custom-solutions__top span,\n.reactio-custom-solutions__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-custom-solutions__content{\n  margin-top:75px;\n}\n\n.reactio-custom-solutions__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-custom-solutions__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-custom-solutions__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-custom-solutions__item:hover\n.reactio-custom-solutions__top span,\n\n.reactio-custom-solutions__item:hover\n.reactio-custom-solutions__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-custom-solutions__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-custom-solutions__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-custom-solutions__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.4fr 1.6fr;\n\n  gap:60px;\n}\n\n.reactio-custom-solutions__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-custom-solutions__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-solutions__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-custom-solutions__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-custom-solutions__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-custom-solutions__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-custom-solutions__item:last-child{\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-solutions__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-custom-solutions__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-custom-solutions__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-custom-solutions__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-custom-solutions__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-custom-solutions__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-custom-solutions__item{\n    min-height:280px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-custom-solutions__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-custom-solutions__content{\n    margin-top:55px;\n  }\n\n  .reactio-custom-solutions__item h3{\n    font-size:39px;\n  }\n\n  .reactio-custom-solutions__item p{\n    font-size:14px;\n  }\n\n  .reactio-custom-solutions__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-custom-solutions__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae51019 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ae51019\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b47b0b dark-color\" data-id=\"6b47b0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-020a9df elementor-widget elementor-widget-html\" data-id=\"020a9df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-process\">\n\n  <div class=\"reactio-custom-process__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-custom-process__header\">\n\n      <span class=\"reactio-custom-process__eyebrow\">\n        HOW WE BUILD CUSTOM SOFTWARE\n      <\/span>\n\n      <h2>\n        FROM PROBLEM.<br>\n        TO SYSTEM.<br>\n        <span>TO SCALE.<\/span>\n      <\/h2>\n\n      <p>\n        \u00d6zel yaz\u0131l\u0131m projelerini yaln\u0131zca kod geli\u015ftirme s\u00fcreci olarak de\u011fil;\n        i\u015f ihtiyac\u0131n\u0131 anlamaktan sistem mimarisine, kullan\u0131c\u0131 deneyiminden\n        test ve yay\u0131na almaya kadar u\u00e7tan uca planlanan bir teknoloji\n        projesi olarak ele al\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS GRID -->\n    <div class=\"reactio-custom-process__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>01<\/span>\n          <b>DISCOVERY<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            UNDERSTAND THE PROBLEM\n          <\/small>\n\n          <h3>\n            \u0130HT\u0130YACI<br>\n            KE\u015eFET\n          <\/h3>\n\n          <p>\n            \u015eirketin mevcut s\u00fcre\u00e7lerini, kullan\u0131c\u0131lar\u0131n\u0131,\n            operasyonel sorunlar\u0131n\u0131 ve hedeflerini analiz ederek\n            yaz\u0131l\u0131m\u0131n \u00e7\u00f6zmesi gereken temel problemi belirliyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>02<\/span>\n          <b>REQUIREMENTS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            DEFINE THE SCOPE\n          <\/small>\n\n          <h3>\n            GEREKS\u0130N\u0130MLER\u0130<br>\n            TANIMLA\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 rolleri, ekranlar, i\u015f ak\u0131\u015flar\u0131,\n            entegrasyonlar, veri ihtiya\u00e7lar\u0131 ve temel fonksiyonlar\u0131\n            netle\u015ftirerek proje kapsam\u0131n\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>03<\/span>\n          <b>ARCHITECTURE<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            DESIGN THE SYSTEM\n          <\/small>\n\n          <h3>\n            M\u0130MAR\u0130Y\u0130<br>\n            KUR\n          <\/h3>\n\n          <p>\n            Yaz\u0131l\u0131m\u0131n teknik yap\u0131s\u0131n\u0131, veri modelini,\n            entegrasyonlar\u0131n\u0131 ve gelecekte b\u00fcy\u00fcyebilmesini\n            destekleyecek sistem mimarisini planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>04<\/span>\n          <b>UX \/ UI<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            DESIGN THE EXPERIENCE\n          <\/small>\n\n          <h3>\n            DENEY\u0130M\u0130<br>\n            TASARLA\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131lar\u0131n sistemi h\u0131zl\u0131 ve anla\u015f\u0131l\u0131r \u015fekilde\n            kullanabilmesi i\u00e7in ekran ak\u0131\u015flar\u0131n\u0131, aray\u00fczleri\n            ve etkile\u015fim noktalar\u0131n\u0131 tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>05<\/span>\n          <b>DEVELOPMENT<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            BUILD THE PRODUCT\n          <\/small>\n\n          <h3>\n            GEL\u0130\u015eT\u0130R\n          <\/h3>\n\n          <p>\n            Onaylanan mimari ve kullan\u0131c\u0131 ak\u0131\u015flar\u0131n\u0131\n            g\u00fcvenli, y\u00f6netilebilir ve geli\u015ftirilebilir\n            bir yaz\u0131l\u0131m \u00fcr\u00fcn\u00fcne d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-custom-process__item\">\n\n        <div class=\"reactio-custom-process__top\">\n          <span>06<\/span>\n          <b>TEST & DEPLOY<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-process__content\">\n\n          <small>\n            TEST. LAUNCH. IMPROVE.\n          <\/small>\n\n          <h3>\n            TEST ET.<br>\n            YAYINA AL.\n          <\/h3>\n\n          <p>\n            Fonksiyonlar\u0131, kullan\u0131c\u0131 senaryolar\u0131n\u0131 ve kritik\n            entegrasyonlar\u0131 test ediyor; sistemi yay\u0131na al\u0131yor\n            ve ihtiya\u00e7 halinde geli\u015ftirmeye devam ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-custom-process__bottom\">\n\n      <span>\n        DEVELOPMENT PROCESS\n      <\/span>\n\n      <strong>\n        DISCOVERY \u2192 REQUIREMENTS \u2192 ARCHITECTURE \u2192 UX\/UI \u2192 DEVELOPMENT \u2192 DEPLOY\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-custom-process{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-process *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-process__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-custom-process__header{\n  margin-bottom:85px;\n}\n\n.reactio-custom-process__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-custom-process__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-custom-process__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-custom-process__header p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-custom-process__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-custom-process__item{\n  min-height:360px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-custom-process__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-custom-process__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-custom-process__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-custom-process__top span,\n.reactio-custom-process__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-custom-process__content{\n  margin-top:80px;\n}\n\n.reactio-custom-process__content small{\n  display:block;\n\n  margin-bottom:12px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.4px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-custom-process__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(34px,3.2vw,52px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:.4s ease;\n}\n\n.reactio-custom-process__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-custom-process__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-custom-process__item:hover\n.reactio-custom-process__top span,\n\n.reactio-custom-process__item:hover\n.reactio-custom-process__top b,\n\n.reactio-custom-process__item:hover\n.reactio-custom-process__content small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-custom-process__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-custom-process__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-custom-process__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-custom-process__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-custom-process__bottom strong{\n  font-size:clamp(20px,2.4vw,37px);\n\n  line-height:1.15;\n\n  letter-spacing:-.035em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-process__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-custom-process__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-custom-process__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-custom-process__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-custom-process__item:nth-child(5),\n  .reactio-custom-process__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-process__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-custom-process__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-custom-process__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-custom-process__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-custom-process__header p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-custom-process__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-custom-process__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-custom-process__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-custom-process__content{\n    margin-top:55px;\n  }\n\n  .reactio-custom-process__item h3{\n    font-size:41px;\n  }\n\n  .reactio-custom-process__item p{\n    font-size:14px;\n  }\n\n  .reactio-custom-process__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-custom-process__bottom strong{\n    font-size:23px;\n\n    line-height:1.25;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4802d2 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"c4802d2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2c63c8 dark-color\" data-id=\"b2c63c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e4be0d elementor-widget elementor-widget-html\" data-id=\"5e4be0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-problems\">\n\n  <div class=\"reactio-custom-problems__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-custom-problems__header\">\n\n      <span class=\"reactio-custom-problems__eyebrow\">\n        WHAT PROBLEMS DOES IT SOLVE?\n      <\/span>\n\n      <h2>\n        LESS MANUAL WORK.<br>\n        MORE CONTROL.<br>\n        <span>BETTER OPERATIONS.<\/span>\n      <\/h2>\n\n      <p>\n        \u00d6zel yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri, \u00f6zellikle b\u00fcy\u00fcyen i\u015fletmelerde\n        manuel s\u00fcre\u00e7leri azaltmak, sistemleri birbirine ba\u011flamak,\n        veriyi merkezile\u015ftirmek ve operasyonu daha kontrol edilebilir\n        hale getirmek i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-custom-problems__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>01<\/span>\n          <b>MANUAL WORK<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            MANUEL<br>\n            S\u00dcRE\u00c7LER\n          <\/h3>\n\n          <p>\n            Tek tek yap\u0131lan veri giri\u015fleri, onay s\u00fcre\u00e7leri,\n            dosya aktar\u0131mlar\u0131 ve tekrar eden operasyonlar\n            otomatikle\u015ftirilebilir hale gelir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>02<\/span>\n          <b>DISCONNECTED SYSTEMS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            KOPUK<br>\n            S\u0130STEMLER\n          <\/h3>\n\n          <p>\n            Birbirinden ba\u011f\u0131ms\u0131z \u00e7al\u0131\u015fan CRM, ERP, e-ticaret,\n            muhasebe veya di\u011fer yaz\u0131l\u0131mlar\u0131 entegrasyonlarla\n            ayn\u0131 ak\u0131\u015f i\u00e7inde \u00e7al\u0131\u015ft\u0131rabilirsiniz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>03<\/span>\n          <b>SPREADSHEETS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            EXCEL<br>\n            BA\u011eIMLILI\u011eI\n          <\/h3>\n\n          <p>\n            Kritik operasyonlar\u0131n da\u011f\u0131n\u0131k Excel dosyalar\u0131nda\n            y\u00fcr\u00fct\u00fclmesi yerine merkezi, kontroll\u00fc ve kullan\u0131c\u0131\n            bazl\u0131 bir sistem olu\u015fturulabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>04<\/span>\n          <b>REPETITIVE TASKS<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            TEKRARLAYAN<br>\n            \u0130\u015eLER\n          <\/h3>\n\n          <p>\n            Bildirim, raporlama, veri aktar\u0131m\u0131, durum g\u00fcncelleme\n            ve benzeri tekrar eden g\u00f6revleri otomatik s\u00fcre\u00e7lere\n            d\u00f6n\u00fc\u015ft\u00fcrebilirsiniz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>05<\/span>\n          <b>VISIBILITY<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            VER\u0130<br>\n            DA\u011eINIKLI\u011eI\n          <\/h3>\n\n          <p>\n            Farkl\u0131 sistem ve dosyalardaki bilgileri merkezi\n            panellerde birle\u015ftirerek operasyonun ger\u00e7ek durumunu\n            daha kolay takip edebilirsiniz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-custom-problems__item\">\n\n        <div class=\"reactio-custom-problems__top\">\n          <span>06<\/span>\n          <b>SCALING<\/b>\n        <\/div>\n\n        <div class=\"reactio-custom-problems__content\">\n\n          <h3>\n            B\u00dcY\u00dcME<br>\n            SORUNLARI\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131, i\u015flem ve operasyon hacmi artt\u0131k\u00e7a\n            yetersiz kalan s\u00fcre\u00e7leri daha \u00f6l\u00e7eklenebilir\n            bir dijital altyap\u0131yla yeniden yap\u0131land\u0131rabilirsiniz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-custom-problems__bottom\">\n\n      <span>\n        SOFTWARE SHOULD REMOVE FRICTION\n      <\/span>\n\n      <strong>\n        SIMPLIFY \u2192 AUTOMATE \u2192 CONNECT \u2192 SCALE\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-custom-problems{\n  width:100%;\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-problems *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-problems__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-custom-problems__header{\n  margin-bottom:85px;\n}\n\n.reactio-custom-problems__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-custom-problems__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-custom-problems__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-custom-problems__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-custom-problems__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-custom-problems__item{\n  min-height:350px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-custom-problems__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-custom-problems__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-custom-problems__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-custom-problems__top span,\n.reactio-custom-problems__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-custom-problems__content{\n  margin-top:80px;\n}\n\n.reactio-custom-problems__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(32px,3vw,49px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-custom-problems__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-custom-problems__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-custom-problems__item:hover\n.reactio-custom-problems__top span,\n\n.reactio-custom-problems__item:hover\n.reactio-custom-problems__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-custom-problems__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-custom-problems__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-custom-problems__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.4fr 1.6fr;\n\n  gap:60px;\n}\n\n.reactio-custom-problems__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-custom-problems__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-problems__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-custom-problems__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-custom-problems__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-custom-problems__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-custom-problems__item:nth-child(5),\n  .reactio-custom-problems__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-problems__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-custom-problems__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-custom-problems__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-custom-problems__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-custom-problems__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-custom-problems__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-custom-problems__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-custom-problems__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-custom-problems__content{\n    margin-top:55px;\n  }\n\n  .reactio-custom-problems__item h3{\n    font-size:40px;\n  }\n\n  .reactio-custom-problems__item p{\n    font-size:14px;\n  }\n\n  .reactio-custom-problems__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-custom-problems__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e257394 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"e257394\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-414d8ce dark-color\" data-id=\"414d8ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e18b9c elementor-widget elementor-widget-html\" data-id=\"3e18b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-custom-faq\">\n\n  <div class=\"reactio-custom-faq__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-custom-faq__header\">\n\n      <span class=\"reactio-custom-faq__eyebrow\">\n        FREQUENTLY ASKED QUESTIONS\n      <\/span>\n\n      <h2>\n        QUESTIONS.<br>\n        CLEAR<br>\n        <span>ANSWERS.<\/span>\n      <\/h2>\n\n      <p>\n        \u00d6zel yaz\u0131l\u0131m geli\u015ftirme s\u00fcreci, entegrasyonlar, bak\u0131m,\n        g\u00fcvenlik ve proje kapsam\u0131 hakk\u0131nda en s\u0131k sorulan\n        sorular\u0131 burada yan\u0131tl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FAQ LIST -->\n    <div class=\"reactio-custom-faq__list\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            01\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            \u00d6zel yaz\u0131l\u0131m nedir?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              \u00d6zel yaz\u0131l\u0131m, haz\u0131r bir \u00fcr\u00fcn\u00fcn mevcut \u00f6zellikleriyle\n              s\u0131n\u0131rl\u0131 kalmak yerine i\u015fletmenin ihtiya\u00e7lar\u0131na,\n              kullan\u0131c\u0131lar\u0131na ve i\u015f s\u00fcre\u00e7lerine g\u00f6re geli\u015ftirilen\n              yaz\u0131l\u0131m \u00e7\u00f6z\u00fcm\u00fcd\u00fcr.\n            <\/p>\n\n            <p>\n              Sistem; ekranlar, kullan\u0131c\u0131 rolleri, i\u015f ak\u0131\u015flar\u0131,\n              entegrasyonlar ve raporlama ihtiya\u00e7lar\u0131 do\u011frultusunda\n              projeye \u00f6zel olarak \u015fekillendirilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            02\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Haz\u0131r yaz\u0131l\u0131m yerine ne zaman \u00f6zel yaz\u0131l\u0131m tercih edilmelidir?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Haz\u0131r sistemlerin i\u015f ak\u0131\u015flar\u0131n\u0131za uyum sa\u011flamad\u0131\u011f\u0131,\n              \u00e7ok fazla manuel i\u015flem gerekti\u011fi veya birden fazla\n              sistemin birlikte \u00e7al\u0131\u015fmas\u0131 gerekti\u011fi durumlarda\n              \u00f6zel yaz\u0131l\u0131m daha uygun olabilir.\n            <\/p>\n\n            <p>\n              \u00d6zellikle \u015firketin kendine \u00f6zg\u00fc operasyonlar\u0131,\n              kullan\u0131c\u0131 yetkilendirmeleri veya veri y\u00f6netim\n              ihtiya\u00e7lar\u0131 varsa \u00f6zel \u00e7\u00f6z\u00fcm de\u011ferlendirilmelidir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            03\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            \u00d6zel yaz\u0131l\u0131m geli\u015ftirme s\u00fcresi ne kadar?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              S\u00fcre; projenin kapsam\u0131na, kullan\u0131c\u0131 say\u0131s\u0131na,\n              entegrasyonlara, ekran say\u0131s\u0131na ve geli\u015ftirilmesi\n              gereken fonksiyonlara g\u00f6re de\u011fi\u015fir.\n            <\/p>\n\n            <p>\n              Projeye ba\u015flamadan \u00f6nce gereksinimleri analiz ederek\n              kapsam\u0131 ve geli\u015ftirme a\u015famalar\u0131n\u0131 netle\u015ftiriyoruz.\n              B\u00fcy\u00fck projelerde s\u00fcre\u00e7 mod\u00fcller veya fazlar halinde\n              planlanabilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            04\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Mevcut sistemlerimizle entegrasyon yap\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Evet. Teknik olarak uygun API veya veri eri\u015fimi\n              sa\u011flanan sistemlerle entegrasyon geli\u015ftirilebilir.\n            <\/p>\n\n            <p>\n              CRM, ERP, muhasebe, \u00f6deme, kargo, e-ticaret,\n              rezervasyon veya farkl\u0131 \u00fc\u00e7\u00fcnc\u00fc parti servislerle\n              veri al\u0131\u015fveri\u015fi sa\u011flayan ba\u011flant\u0131lar olu\u015fturabiliriz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            05\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Mevcut yaz\u0131l\u0131m\u0131m\u0131za yeni \u00f6zellikler ekleyebilir misiniz?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Mevcut sistemin teknoloji altyap\u0131s\u0131, kaynak kodu\n              ve teknik yap\u0131s\u0131 incelendikten sonra yeni mod\u00fcl,\n              entegrasyon veya \u00f6zellik geli\u015ftirme yap\u0131labilir.\n            <\/p>\n\n            <p>\n              \u00d6ncelikle sistemin mevcut mimarisini analiz ederek\n              yeni geli\u015ftirmelerin g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir\n              \u015fekilde eklenip eklenemeyece\u011fini de\u011ferlendiriyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            06\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            \u00d6zel yaz\u0131l\u0131m g\u00fcvenli olur mu?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              G\u00fcvenlik ihtiya\u00e7lar\u0131 proje mimarisinin bir par\u00e7as\u0131\n              olarak de\u011ferlendirilmelidir. Kullan\u0131c\u0131 yetkilendirmeleri,\n              veri eri\u015fimleri ve kritik sistem ba\u011flant\u0131lar\u0131\n              buna g\u00f6re planlan\u0131r.\n            <\/p>\n\n            <p>\n              G\u00fcvenlik seviyesi projenin i\u015fledi\u011fi veriye,\n              kullan\u0131c\u0131 yap\u0131s\u0131na ve entegrasyonlara g\u00f6re\n              ayr\u0131ca de\u011ferlendirilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            07\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Yaz\u0131l\u0131m daha sonra geli\u015ftirilebilir mi?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Evet. Projeyi m\u00fcmk\u00fcn oldu\u011funca gelecekte yeni\n              fonksiyonlar\u0131n, kullan\u0131c\u0131lar\u0131n ve entegrasyonlar\u0131n\n              eklenebilece\u011fi bir yap\u0131 \u00fczerine planl\u0131yoruz.\n            <\/p>\n\n            <p>\n              \u0130\u015fletmenin ihtiya\u00e7lar\u0131 de\u011fi\u015ftik\u00e7e sisteme yeni\n              mod\u00fcller ve s\u00fcre\u00e7ler eklenebilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            08\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Mobil cihazlardan kullan\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Web tabanl\u0131 \u00f6zel yaz\u0131l\u0131mlar responsive \u015fekilde\n              geli\u015ftirilebilir ve tablet veya mobil cihazlardan\n              kullan\u0131labilir.\n            <\/p>\n\n            <p>\n              Kullan\u0131c\u0131 senaryolar\u0131na g\u00f6re mobil tarafta hangi\n              ekranlar\u0131n ve i\u015flemlerin daha \u00f6ncelikli oldu\u011fu\n              ayr\u0131ca planlan\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-custom-faq__item\">\n\n        <button class=\"reactio-custom-faq__question\">\n\n          <span class=\"reactio-custom-faq__number\">\n            09\n          <\/span>\n\n          <span class=\"reactio-custom-faq__title\">\n            Proje tamamland\u0131ktan sonra teknik destek veriyor musunuz?\n          <\/span>\n\n          <span class=\"reactio-custom-faq__icon\">\n            +\n          <\/span>\n\n        <\/button>\n\n        <div class=\"reactio-custom-faq__answer\">\n\n          <div class=\"reactio-custom-faq__answer-inner\">\n\n            <p>\n              Evet. Projenin ihtiyac\u0131na g\u00f6re bak\u0131m, teknik destek,\n              hata giderme, performans takibi ve yeni geli\u015ftirmeleri\n              kapsayan devam eden destek modeli olu\u015fturulabilir.\n            <\/p>\n\n            <p>\n              B\u00f6ylece yaz\u0131l\u0131m yaln\u0131zca teslim edilen bir proje\n              olarak kalmaz; \u015firketin ihtiya\u00e7lar\u0131yla birlikte\n              geli\u015ftirilmeye devam eder.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-custom-faq{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-custom-faq *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-custom-faq__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-custom-faq__header{\n  margin-bottom:80px;\n}\n\n.reactio-custom-faq__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-custom-faq__header h2{\n  margin:0;\n\n  max-width:1200px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-custom-faq__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-custom-faq__header > p{\n  max-width:680px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   LIST\n===================================================== *\/\n\n.reactio-custom-faq__list{\n  border-top:1px solid rgba(8,8,8,.16);\n}\n\n.reactio-custom-faq__item{\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   QUESTION\n===================================================== *\/\n\n.reactio-custom-faq__question{\n  width:100%;\n\n  padding:27px 0;\n\n  display:grid;\n\n  grid-template-columns:70px 1fr 50px;\n\n  align-items:center;\n\n  gap:20px;\n\n  border:0;\n\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  color:#080808;\n}\n\n.reactio-custom-faq__number{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-custom-faq__title{\n  font-size:clamp(19px,2vw,30px);\n\n  line-height:1.15;\n\n  letter-spacing:-.03em;\n\n  font-weight:850;\n\n  color:#080808;\n}\n\n.reactio-custom-faq__icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  justify-self:end;\n\n  border:1px solid rgba(8,8,8,.18);\n\n  border-radius:50%;\n\n  font-size:21px;\n\n  font-weight:300;\n\n  color:#080808;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n\/* =====================================================\n   ANSWER\n===================================================== *\/\n\n.reactio-custom-faq__answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:max-height .45s ease;\n}\n\n.reactio-custom-faq__answer-inner{\n  max-width:800px;\n\n  margin-left:70px;\n\n  padding:0 0 32px;\n}\n\n.reactio-custom-faq__answer p{\n  margin:0 0 13px;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.58);\n}\n\n.reactio-custom-faq__answer p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   ACTIVE\n===================================================== *\/\n\n.reactio-custom-faq__item.active\n.reactio-custom-faq__icon{\n  transform:rotate(45deg);\n\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-custom-faq__item.active\n.reactio-custom-faq__title{\n  font-weight:950;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-custom-faq__question:hover\n.reactio-custom-faq__icon{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-custom-faq__container{\n    padding:100px 30px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-custom-faq__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-custom-faq__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-custom-faq__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-custom-faq__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-custom-faq__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-custom-faq__question{\n    grid-template-columns:35px 1fr 38px;\n\n    gap:12px;\n\n    padding:22px 0;\n  }\n\n  .reactio-custom-faq__title{\n    font-size:18px;\n\n    line-height:1.25;\n  }\n\n  .reactio-custom-faq__icon{\n    width:34px;\n    height:34px;\n\n    font-size:18px;\n  }\n\n  .reactio-custom-faq__answer-inner{\n    margin-left:47px;\n\n    padding-bottom:25px;\n  }\n\n  .reactio-custom-faq__answer p{\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const faqItems =\n    document.querySelectorAll(\".reactio-custom-faq__item\");\n\n  faqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\".reactio-custom-faq__question\");\n\n    const answer =\n      item.querySelector(\".reactio-custom-faq__answer\");\n\n    question.addEventListener(\"click\", function(){\n\n      const isOpen =\n        item.classList.contains(\"active\");\n\n\n      faqItems.forEach(function(otherItem){\n\n        const otherAnswer =\n          otherItem.querySelector(\".reactio-custom-faq__answer\");\n\n        otherItem.classList.remove(\"active\");\n\n        otherAnswer.style.maxHeight = null;\n\n      });\n\n\n      if(!isOpen){\n\n        item.classList.add(\"active\");\n\n        answer.style.maxHeight =\n          answer.scrollHeight + \"px\";\n\n      }\n\n    });\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CUSTOM SOFTWARE DEVELOPMENT BUILT AROUND YOUR BUSINESS YOUR BUSINESS. YOUR LOGIC. YOUR SOFTWARE. Haz\u0131r sistemlerin s\u0131n\u0131rlar\u0131na tak\u0131lmadan; i\u015f s\u00fcre\u00e7lerinize, operasyonunuza ve b\u00fcy\u00fcme hedeflerinize g\u00f6re \u00f6l\u00e7eklenebilir \u00f6zel yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. CUSTOM DEVELOPMENT WEB APPLICATION API AUTOMATION SCALABLE PROJEN\u0130 KONU\u015eALIM \u2197 STRATEGY \u00b7 ARCHITECTURE \u00b7 DEVELOPMENT \u00b7 INTEGRATION \u00b7 SUPPORT SOFTWARE THAT FITS THE WAY YOU WORK. &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"cozystay_single_page_hide_site_header":"","cozystay_single_page_site_header_source":"","cozystay_single_page_custom_site_header":"","cozystay_single_page_custom_sticky_site_header":"","cozystay_single_page_hide_page_title":"on","cozystay_single_page_header_section_size":"","cozystay_single_page_header_background_color":"","cozystay_single_page_header_background_position_x":"center","cozystay_single_page_header_background_position_y":"center","cozystay_single_page_header_background_size":"cover","cozystay_single_page_header_background_repeat":"off","cozystay_single_page_header_background_scroll":"on","cozystay_single_page_header_text_color":"","cozystay_single_page_header_show_breadcrumb":"","cozystay_single_page_site_footer_hide_main":"","cozystay_single_custom_site_footer_main_source":"","cozystay_single_custom_site_footer_main":"","cozystay_single_page_site_footer_hide_above":"","cozystay_single_custom_site_footer_above_source":"","cozystay_single_custom_site_footer_above":"","cozystay_single_page_site_footer_hide_instagram":"","cozystay_single_page_site_footer_hide_bottom":"","cozystay_single_custom_mobile_menu_source":"","cozystay_single_custom_mobile_menu":"","cozystay_single_custom_mobile_menu_animation":"","cozystay_single_custom_mobile_menu_width":"","cozystay_single_custom_mobile_menu_custom_width":375,"footnotes":""},"class_list":["post-2404","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio<\/title>\n<meta name=\"description\" content=\"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/testet.biz\/reactio\/ozel-yazilim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio\" \/>\n<meta property=\"og:description\" content=\"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/ozel-yazilim\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:15:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/ozel-yazilim\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/ozel-yazilim\\\/\",\"name\":\"\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"datePublished\":\"2026-08-19T07:58:58+00:00\",\"dateModified\":\"2026-08-19T14:15:16+00:00\",\"description\":\"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/ozel-yazilim\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/ozel-yazilim\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/ozel-yazilim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00d6zel Yaz\u0131l\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"name\":\"REACTIO\",\"description\":\"Digital Products. Real Growth.\",\"publisher\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\",\"name\":\"REACTIO\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"width\":230,\"height\":53,\"caption\":\"REACTIO\"},\"image\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio","description":"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/","og_locale":"tr_TR","og_type":"article","og_title":"\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio","og_description":"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.","og_url":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:15:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/","url":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/","name":"\u00d6zel Yaz\u0131l\u0131m Geli\u015ftirme | \u0130\u015fletmenize \u00d6zel \u00c7\u00f6z\u00fcmler | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"datePublished":"2026-08-19T07:58:58+00:00","dateModified":"2026-08-19T14:15:16+00:00","description":"\u0130\u015f s\u00fcre\u00e7lerinize \u00f6zel web tabanl\u0131 yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz. \u0130htiyac\u0131n\u0131za g\u00f6re \u00f6l\u00e7eklenebilir, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir sistemler kuruyoruz.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/ozel-yazilim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/ozel-yazilim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"\u00d6zel Yaz\u0131l\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/testet.biz\/reactio\/#website","url":"https:\/\/testet.biz\/reactio\/","name":"REACTIO","description":"Digital Products. Real Growth.","publisher":{"@id":"https:\/\/testet.biz\/reactio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/testet.biz\/reactio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/testet.biz\/reactio\/#organization","name":"REACTIO","url":"https:\/\/testet.biz\/reactio\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/","url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","contentUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","width":230,"height":53,"caption":"REACTIO"},"image":{"@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/comments?post=2404"}],"version-history":[{"count":5,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2404\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2404\/revisions\/2560"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}