{"id":19611,"date":"2026-05-17T17:54:57","date_gmt":"2026-05-17T14:54:57","guid":{"rendered":"https:\/\/ai.ait.com.tr\/tr\/?page_id=19611"},"modified":"2026-08-05T10:56:43","modified_gmt":"2026-08-05T07:56:43","slug":"archivist-2","status":"publish","type":"page","link":"https:\/\/ai.ait.com.tr\/tr\/","title":{"rendered":"Ana Sayfa TR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19611\" class=\"elementor elementor-19611\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7422f9e e-flex e-con-boxed e-con e-parent\" data-id=\"7422f9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37cdeae elementor-widget elementor-widget-html\" data-id=\"37cdeae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     AIT AI Tools \u2014 ana sayfa (T\u00dcRK\u00c7E) \u00b7 WordPress \/ Elementor HTML widget\r\n     Paste this ENTIRE block into ONE \"HTML\" widget.\r\n     Page layout: \"Elementor Full Width\", parent container padding\/gap = 0.\r\n     All styles scoped under .ait-x \u2014 nothing leaks into your header\/footer.\r\n     Keep your own header\/footer OUTSIDE this widget.\r\n\r\n     \u26a0 PATTERN LAB \u2014 two images you control, marked with \"DE\u011e\u0130\u015eT\u0130R\":\r\n        BEFORE_IMAGE_URL  \u2192 the reference shown on load\r\n        AFTER_IMAGE_URL   \u2192 the result revealed after Generate\r\n        Use a high-resolution file for the result (2000px+) so it\r\n        stays sharp when a visitor zooms to 500%.\r\n\r\n     Conversion flow: Hero \u2192 trust proof \u2192 Pattern Lab \u2192 workflow \u2192 tools \u2192 ROI \u2192 CTA.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.ait-x{\r\n  --ait-green:#00483D; --mint:#48C6A3; --mint-strong:#2FAE8B; --mint-bright:#5FE3BC; --archivist:#9F9FFF;\r\n  --bg-0:#060D0B; --bg-1:#0A1512; --bg-2:#0F1F1A; --bg-3:#14291F; --arch-bg:#0B0A1E;\r\n  --line:rgba(72,198,163,.14); --line-strong:rgba(72,198,163,.3);\r\n  --tx-1:#F2F7F5; --tx-2:rgba(242,247,245,.68); --tx-3:rgba(242,247,245,.42);\r\n  --display:'Fraunces',serif; --body:'Manrope',-apple-system,sans-serif; --mono:'JetBrains Mono',monospace;\r\n  --container:1240px; --r-lg:26px; --r-pill:999px;\r\n  --glow:0 0 24px rgba(72,198,163,.35),0 0 64px rgba(72,198,163,.15);\r\n  --glow-hover:0 0 32px rgba(72,198,163,.55),0 0 90px rgba(72,198,163,.25);\r\n}\r\n.ait-x, .ait-x *, .ait-x *::before, .ait-x *::after{ box-sizing:border-box; }\r\n@media (prefers-reduced-motion: reduce){\r\n  .ait-x, .ait-x *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }\r\n}\r\n.ait-x{\r\n  margin:0; font-family:var(--body); color:var(--tx-1); background:var(--bg-0);\r\n  line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden;\r\n}\r\n.ait-x img{ max-width:100%; display:block; }\r\n.ait-x a{ color:inherit; text-decoration:none; }\r\n.ait-x :focus-visible{ outline:3px solid var(--mint); outline-offset:3px; border-radius:6px; }\r\n.ait-x ::selection{ background:var(--mint); color:#04231C; }\r\n.ait-x .wrap{ max-width:var(--container); margin:0 auto; padding:0 clamp(1.15rem,4vw,2.5rem); }\r\n.ait-x h1, .ait-x h2, .ait-x h3{ font-family:var(--display); font-weight:600; margin:0; letter-spacing:-.01em; }\r\n.ait-x em{ font-style:italic; font-family:var(--display); color:var(--mint-bright); }\r\n.ait-x .eyebrow{\r\n  font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;\r\n  display:inline-flex; align-items:center; gap:.55em; font-weight:500; color:var(--mint);\r\n}\r\n.ait-x .eyebrow::before{ content:''; width:20px; height:1px; background:currentColor; opacity:.7; }\r\n.ait-x .section-pad{ padding:clamp(3.5rem,8vw,8rem) 0; }\r\n.ait-x section{ position:relative; }\r\n\r\n\/* buttons *\/\r\n.ait-x .btn{\r\n  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.55rem;\r\n  font-family:var(--body); font-weight:800; font-size:1rem; padding:1.05rem 2.1rem;\r\n  border-radius:var(--r-pill); border:none; cursor:pointer; white-space:nowrap; overflow:hidden;\r\n  transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, background .2s ease; will-change:transform;\r\n}\r\n.ait-x .btn .arr{ display:inline-block; transition:transform .2s ease; }\r\n.ait-x .btn:hover .arr{ transform:translateX(5px); }\r\n.ait-x .btn-primary{ background:linear-gradient(135deg,var(--mint-bright) 0%,var(--mint) 45%,var(--mint-strong) 100%); color:#04231C; box-shadow:var(--glow); }\r\n.ait-x .btn-primary::before{ content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%); transform:translateX(-110%); transition:transform .55s ease; }\r\n.ait-x .btn-primary:hover{ transform:scale(1.045); box-shadow:var(--glow-hover); }\r\n.ait-x .btn-primary:hover::before{ transform:translateX(110%); }\r\n.ait-x .btn-primary:active{ transform:scale(.965); }\r\n.ait-x .btn-breathe{ animation:breathe 3.2s ease-in-out infinite; }\r\n@keyframes breathe{ 0%,100%{ box-shadow:0 0 20px rgba(72,198,163,.3),0 0 56px rgba(72,198,163,.12); } 50%{ box-shadow:0 0 34px rgba(72,198,163,.55),0 0 90px rgba(72,198,163,.22); } }\r\n.ait-x .btn-ghost{ background:rgba(242,247,245,.05); border:1px solid rgba(242,247,245,.18); color:var(--tx-1); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }\r\n.ait-x .btn-ghost:hover{ background:rgba(242,247,245,.1); border-color:rgba(242,247,245,.32); transform:translateY(-2px); }\r\n.ait-x .btn-ghost:active{ transform:translateY(0) scale(.98); }\r\n.ait-x .btn-archivist{ background:linear-gradient(135deg,#BDBDFF 0%,var(--archivist) 55%,#7B7BF0 100%); color:#12102E; box-shadow:0 0 24px rgba(159,159,255,.35),0 0 64px rgba(159,159,255,.15); }\r\n.ait-x .btn-archivist:hover{ transform:scale(1.045); box-shadow:0 0 34px rgba(159,159,255,.55),0 0 90px rgba(159,159,255,.25); }\r\n.ait-x .btn-archivist:active{ transform:scale(.965); }\r\n.ait-x .btn[disabled]{ opacity:.4; cursor:not-allowed; box-shadow:none; animation:none; transform:none !important; }\r\n.ait-x .cta-micro{ font-family:var(--mono); font-size:.72rem; color:var(--tx-3); letter-spacing:.04em; }\r\n@keyframes blink{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }\r\n\r\n\/* scroll progress *\/\r\n.ait-x .progress{ position:fixed; top:0; left:0; height:3px; width:0; z-index:100; background:linear-gradient(90deg,var(--mint),var(--mint-bright)); box-shadow:0 0 10px rgba(72,198,163,.6); pointer-events:none; }\r\n\r\n\/* range sliders (touch-friendly) *\/\r\n.ait-x input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:999px; background:linear-gradient(90deg,var(--mint) var(--fill,0%),rgba(255,255,255,.12) var(--fill,0%)); outline-offset:6px; cursor:pointer; }\r\n.ait-x input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:26px; height:26px; border-radius:50%; background:var(--mint-bright); border:2px solid #06231C; box-shadow:0 0 14px rgba(72,198,163,.6); transition:transform .15s ease; }\r\n.ait-x input[type=range]::-webkit-slider-thumb:hover{ transform:scale(1.15); }\r\n.ait-x input[type=range]::-moz-range-thumb{ width:24px; height:24px; border:2px solid #06231C; border-radius:50%; background:var(--mint-bright); box-shadow:0 0 14px rgba(72,198,163,.6); }\r\n.ait-x input[type=range]::-moz-range-progress{ background:var(--mint); height:6px; border-radius:999px; }\r\n\r\n\/* HERO *\/\r\n.ait-x .hero{ min-height:clamp(820px,94svh,1020px); overflow:hidden; isolation:isolate; background-color:#04110E; background-image:url(\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-14-Tem-2026-18_01_49.png\"); background-size:100% auto; background-position:center bottom; background-repeat:no-repeat; }\r\n.ait-x .hero::before{ content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(3,12,10,.03) 0%,rgba(3,12,10,.02) 60%,rgba(6,13,11,.58) 88%,var(--bg-0) 100%); pointer-events:none; }\r\n.ait-x .hero::after{ content:''; position:absolute; z-index:-1; width:900px; height:600px; left:50%; top:-260px; transform:translateX(-50%); background:radial-gradient(closest-side,rgba(72,198,163,.12),rgba(0,72,61,.05) 55%,transparent 75%); filter:blur(20px); pointer-events:none; }\r\n.ait-x .hero-inner{ min-height:inherit; padding:clamp(7rem,10vw,9rem) 0 clamp(2rem,5vw,3.5rem); display:grid; align-content:center; gap:1.6rem; text-align:center; justify-items:center; }\r\n@media (max-width:700px){\r\n  .ait-x .hero{ min-height:min(860px,94svh); }\r\n  .ait-x .hero{ background-size:auto 100%; background-position:68% bottom; }\r\n}\r\n.ait-x .hero h1{ font-size:clamp(4.8rem,calc(10vw + 2.2rem),10rem); line-height:.92; max-width:16ch; color:var(--tx-1); text-wrap:balance; }\r\n.ait-x .hero p.lede{ font-size:clamp(1.02rem,.4vw+1rem,1.25rem); color:var(--tx-2); max-width:48ch; width:100%; margin:0; text-wrap:balance; }\r\n.ait-x .hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; margin-top:.4rem; }\r\n\r\n.ait-x .hero-eyebrow{ justify-content:center; color:var(--mint-bright); margin-bottom:-.25rem; }\r\n\/* Suno-style prompt hero *\/\r\n.ait-x .hero h1{ min-height:2.3em; display:flex; align-items:center; justify-content:center; gap:.02em; flex-wrap:wrap; transform:scale(.72); transform-origin:center center; }\r\n.ait-x .hero h1{ font-size:clamp(2.5rem,4.5vw,5rem); max-width:1100px; width:100%; display:block; white-space:normal; text-wrap:balance; min-height:2.3em; transform:none; }\r\n@media (max-width:700px){\r\n  .ait-x .hero h1{ font-size:clamp(2.6rem,9.5vw,3.6rem); white-space:normal; min-height:2.6em; line-height:1.04; }\r\n  .ait-x .hero-inner{ padding-top:7rem; padding-bottom:1.6rem; gap:1.1rem; }\r\n  .ait-x .prompt-box{ width:min(520px,88%); padding:.85rem .85rem .7rem; border-radius:18px; }\r\n}\r\n.ait-x .rot-caret{ display:inline-block; width:4px; height:.82em; background:var(--mint-bright); margin-left:.1em; border-radius:2px; vertical-align:-.02em; animation:blink 1s steps(1) infinite; }\r\n.ait-x .rot{ transition:opacity .28s ease; }\r\n.ait-x .prompt-box{ width:min(700px,92%); margin:.6rem auto 0; position:relative; isolation:isolate; background:rgba(10,21,18,.78); border:1px solid rgba(95,227,188,.28); border-radius:22px; padding:1rem 1rem .85rem; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:border-color .25s, box-shadow .25s; text-align:left; animation:ait-prompt-breathe 3.2s ease-in-out infinite; will-change:box-shadow,border-color; }\r\n@keyframes ait-prompt-breathe{\r\n  0%,100%{\r\n    border-color:rgba(95,227,188,.24);\r\n    box-shadow:0 20px 60px rgba(0,0,0,.46),0 0 0 1px rgba(95,227,188,.07),0 0 18px rgba(72,198,163,.12),0 0 44px rgba(47,174,139,.05),inset 0 0 22px rgba(95,227,188,.02);\r\n  }\r\n  50%{\r\n    border-color:rgba(95,227,188,.68);\r\n    box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 0 1px rgba(95,227,188,.22),0 0 34px rgba(72,198,163,.38),0 0 76px rgba(47,174,139,.17),inset 0 0 26px rgba(95,227,188,.055);\r\n  }\r\n}\r\n.ait-x .prompt-box:focus-within{ animation:ait-prompt-breathe 2.65s ease-in-out infinite; border-color:var(--mint-bright); }\r\n.ait-x .prompt-box.is-invalid{ animation:prompt-shake .32s ease; border-color:#FF6577; box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 3px rgba(255,101,119,.16),0 0 32px rgba(255,101,119,.18); }\r\n@keyframes prompt-shake{ 0%,100%{ transform:translateX(0); } 25%{ transform:translateX(-6px); } 50%{ transform:translateX(5px); } 75%{ transform:translateX(-3px); } }\r\n.ait-x .prompt-ta{ width:100%; min-height:4.2em; max-height:180px; resize:none; background:none; border:none; outline:none; color:var(--tx-1); font-family:var(--body); font-size:1.05rem; line-height:1.5; padding:.25rem .35rem .8rem; scrollbar-width:none; -ms-overflow-style:none; }\r\n.ait-x .prompt-ta::-webkit-scrollbar{ display:none; }\r\n.ait-x .prompt-ta::placeholder{ color:var(--tx-3); }\r\n.ait-x .prompt-error{ display:block; margin:-.3rem .35rem .7rem; color:#FF8290; font-family:var(--mono); font-size:.7rem; letter-spacing:.02em; }\r\n.ait-x .prompt-error[hidden]{ display:none; }\r\n.ait-x .prompt-bar{ display:flex; align-items:center; gap:.7rem; justify-content:space-between; }\r\n.ait-x .prompt-left{ display:flex; align-items:center; gap:.5rem; min-width:0; }\r\n.ait-x .prompt-actions{ display:flex; align-items:center; gap:.5rem; flex-shrink:0; }\r\n\/* dice + generic icon button *\/\r\n.ait-x button.prompt-icon{ display:inline-grid; place-items:center; width:40px !important; min-width:40px !important; max-width:40px !important; height:40px !important; min-height:40px !important; padding:0 !important; margin:0; flex:0 0 40px; line-height:1; border-radius:12px; background:rgba(242,247,245,.05); border:1px solid var(--line); color:var(--tx-2); cursor:pointer; appearance:none; -webkit-appearance:none; transition:color .18s, border-color .18s, background .18s, transform .18s; }\r\n.ait-x .prompt-icon:hover{ color:var(--mint-bright); border-color:var(--line-strong); background:rgba(72,198,163,.08); transform:translateY(-1px); }\r\n.ait-x button.prompt-icon svg{ display:block; width:20px !important; height:20px !important; margin:0 !important; }\r\n.ait-x .prompt-icon.roll svg{ animation:dice-roll .5s cubic-bezier(.34,1.56,.64,1); }\r\n@keyframes dice-roll{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }\r\n\/* model selector *\/\r\n.ait-x .model-select{ position:relative; }\r\n.ait-x .model-btn{ display:inline-flex; align-items:center; gap:.5rem; height:40px; padding:0 .85rem; border-radius:12px; background:rgba(242,247,245,.05); border:1px solid var(--line); color:var(--tx-1); font-family:var(--mono); font-size:.76rem; letter-spacing:.02em; cursor:pointer; transition:border-color .18s, background .18s; white-space:nowrap; }\r\n.ait-x .model-btn:hover{ border-color:var(--line-strong); background:rgba(72,198,163,.08); }\r\n.ait-x .model-btn .ic{ width:16px; height:16px; stroke:var(--mint-bright); fill:none; stroke-width:1.7; flex-shrink:0; }\r\n.ait-x .model-btn .chev{ width:13px; height:13px; stroke:var(--tx-3); fill:none; stroke-width:2; transition:transform .2s; }\r\n.ait-x .model-btn[aria-expanded=\"true\"] .chev{ transform:rotate(180deg); }\r\n.ait-x .model-menu{ position:absolute; bottom:calc(100% + .55rem); left:0; min-width:250px; background:var(--bg-2); border:1px solid var(--line-strong); border-radius:16px; padding:.4rem; box-shadow:0 24px 55px rgba(0,0,0,.6); z-index:30; animation:menu-pop .18s ease; }\r\n.ait-x .model-menu[hidden]{ display:none; }\r\n@keyframes menu-pop{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }\r\n.ait-x .model-opt{ display:flex; align-items:center; gap:.7rem; width:100%; text-align:left; padding:.65rem .7rem; border-radius:10px; background:none; border:none; color:var(--tx-1); font-family:var(--body); font-size:.92rem; cursor:pointer; transition:background .15s; }\r\n.ait-x .model-opt:hover{ background:rgba(72,198,163,.1); }\r\n.ait-x .model-opt .txt{ flex:1; display:flex; flex-direction:column; gap:.1rem; }\r\n.ait-x .model-opt .sub{ font-family:var(--mono); font-size:.6rem; color:var(--tx-3); text-transform:uppercase; letter-spacing:.06em; }\r\n.ait-x .model-opt[aria-selected=\"true\"]{ background:rgba(72,198,163,.14); }\r\n.ait-x .model-opt[aria-selected=\"true\"] .sub{ color:var(--mint-bright); }\r\n.ait-x .model-opt .lock{ width:14px; height:14px; stroke:var(--tx-3); fill:none; stroke-width:1.8; flex-shrink:0; }\r\n.ait-x .model-opt .tick{ width:15px; height:15px; stroke:var(--mint-bright); fill:none; stroke-width:2.2; flex-shrink:0; }\r\n\/* create (dimmer) *\/\r\n.ait-x button.prompt-create{ height:44px !important; min-height:44px !important; padding:0 1.2rem !important; border-radius:14px !important; font-size:.88rem !important; line-height:1 !important; min-width:0; flex-shrink:1; box-shadow:0 0 14px rgba(72,198,163,.16); }\r\n.ait-x button.prompt-create:hover{ box-shadow:0 0 22px rgba(72,198,163,.3); }\r\n\/* Pause continuous motion while its section is outside the viewport. *\/\r\n.ait-x .hero:not(.is-in-view) .rot-caret,\r\n.ait-x .hero:not(.is-in-view) .prompt-box,\r\n.ait-x .tools:not(.is-in-view) .tool-track,\r\n.ait-x .cta-banner:not(.is-in-view) .btn-breathe{ animation-play-state:paused !important; }\r\n@media (max-width:560px){\r\n  \/* Two rows on phones: the tool picker and the dice sit together,\r\n     the primary action gets a full-width row of its own so its label\r\n     can never be squeezed or clipped. *\/\r\n  .ait-x .prompt-bar{ flex-wrap:wrap; gap:.55rem; }\r\n  .ait-x .prompt-left{ flex:1 1 auto; min-width:0; }\r\n  .ait-x .model-select{ flex:1 1 auto; min-width:0; }\r\n  .ait-x .model-btn{ width:100%; justify-content:space-between; padding:0 .75rem; gap:.4rem; }\r\n  .ait-x .model-btn #modelLabel{\r\n    display:block; flex:1; min-width:0;\r\n    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;\r\n  }\r\n  .ait-x .prompt-actions{ flex:0 0 auto; }\r\n  .ait-x button.prompt-create{\r\n    order:3; flex:1 1 100%; width:100%;\r\n    height:48px !important; min-height:48px !important;\r\n    padding:0 1rem !important;\r\n    font-size:.9rem !important;\r\n  }\r\n  .ait-x .model-menu{ left:0; right:0; min-width:0; width:100%; }\r\n  .ait-x .prompt-ta{ font-size:16px; }   \/* stops iOS zooming the page on focus *\/\r\n}\r\n\r\n\/* Auth modal (register gate) *\/\r\n.ait-x .auth-modal{ position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:1.25rem; }\r\n.ait-x .auth-modal[hidden]{ display:none; }\r\n.ait-x .auth-overlay{ position:absolute; inset:0; background:rgba(4,9,7,.72); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:auth-fade .25s ease; }\r\n@keyframes auth-fade{ from{ opacity:0; } to{ opacity:1; } }\r\n.ait-x .auth-card{ position:relative; width:min(420px,100%); background:linear-gradient(180deg,var(--bg-2),var(--bg-1)); border:1px solid var(--line-strong); border-radius:24px; padding:2.2rem 1.9rem 2rem; text-align:center; box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 60px rgba(72,198,163,.12); animation:auth-pop .3s cubic-bezier(.34,1.4,.64,1); }\r\n@keyframes auth-pop{ from{ opacity:0; transform:translateY(14px) scale(.96); } to{ opacity:1; transform:none; } }\r\n.ait-x .auth-card h3{ font-size:1.5rem; margin-bottom:.5rem; }\r\n.ait-x .auth-card>p{ color:var(--tx-2); font-size:.94rem; margin:0 0 1.5rem; }\r\n.ait-x .auth-primary{ width:100%; }\r\n.ait-x .auth-alt{ margin:1.1rem 0 0; font-size:.84rem; color:var(--tx-3); }\r\n.ait-x .auth-alt a{ color:var(--mint-bright); font-weight:700; }\r\n.ait-x .auth-x{ position:absolute; top:.9rem; right:1rem; background:none; border:none; color:var(--tx-3); font-size:1.1rem; cursor:pointer; line-height:1; padding:.3rem; }\r\n.ait-x .auth-x:hover{ color:var(--tx-1); }\r\n\r\n\/* Simulated generation experience *\/\r\n.ait-x .gen-modal{ position:fixed; inset:0; z-index:115; display:grid; place-items:center; overflow:auto; padding:clamp(1.25rem,4vw,3rem); background:#07100d; isolation:isolate; }\r\n.ait-x .gen-modal[hidden]{ display:none; }\r\n.ait-x .gen-bg{ position:absolute; inset:-8%; z-index:-2; background:radial-gradient(circle at 78% 36%,rgba(29,177,119,.2),transparent 31%),radial-gradient(circle at 56% 78%,rgba(12,111,80,.18),transparent 38%),radial-gradient(circle at 16% 22%,rgba(5,65,55,.22),transparent 34%),linear-gradient(125deg,#001914 0%,#00251d 48%,#003d2d 100%); filter:saturate(1.08); }\r\n.ait-x .gen-bg::after{ content:''; position:absolute; inset:0; opacity:.32; background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'\/%3E%3C\/svg%3E\"); mix-blend-mode:soft-light; }\r\n.ait-x .gen-close{ position:fixed; top:1rem; right:1.15rem; z-index:2; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.18); border-radius:50%; background:rgba(0,0,0,.22); color:#fff; font-size:1rem; cursor:pointer; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }\r\n.ait-x .gen-close:hover{ background:rgba(255,255,255,.12); }\r\n.ait-x .gen-stage{ width:min(1120px,100%); text-align:center; animation:gen-enter .45s cubic-bezier(.22,1,.36,1); }\r\n@keyframes gen-enter{ from{ opacity:0; transform:translateY(18px) scale(.98); } to{ opacity:1; transform:none; } }\r\n.ait-x .gen-stage .eyebrow{ justify-content:center; color:rgba(255,255,255,.65); }\r\n.ait-x .gen-title{ margin:.65rem auto .45rem; max-width:14ch; color:#fff; font-family:var(--body); font-size:clamp(2.5rem,6vw,5.2rem); font-weight:600; line-height:.9; letter-spacing:-.055em; text-wrap:balance; }\r\n.ait-x .gen-status{ min-height:1.6em; margin:0 auto 1.5rem; color:rgba(255,255,255,.62); font-size:.92rem; }\r\n.ait-x .gen-results{ display:grid; grid-template-columns:repeat(5,minmax(108px,156px)); justify-content:center; gap:clamp(.55rem,1.2vw,1rem); margin:0 auto 1.8rem; }\r\n.ait-x .gen-card{ position:relative; width:100%; aspect-ratio:.74; overflow:hidden; border:1px solid rgba(95,227,188,.2); border-radius:18px; background:rgba(5,48,39,.5); box-shadow:0 22px 45px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.025); }\r\n.ait-x .gen-card img{ width:100%; height:100%; object-fit:cover; filter:blur(18px) saturate(.55) brightness(.55); transform:scale(1.16); opacity:.62; transition:filter .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease; }\r\n.ait-x .gen-card::after{ content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.22) 50%,transparent 75%); transform:translateX(-120%); animation:gen-scan 1.35s ease-in-out infinite; }\r\n@keyframes gen-scan{ to{ transform:translateX(120%); } }\r\n.ait-x .gen-spinner{ position:absolute; inset:50% auto auto 50%; width:38px; height:38px; margin:-19px; border:4px solid rgba(255,255,255,.24); border-top-color:var(--mint-bright); border-radius:50%; animation:gen-spin .8s linear infinite; transition:opacity .25s; }\r\n@keyframes gen-spin{ to{ transform:rotate(360deg); } }\r\n.ait-x .gen-ready-mark{ position:absolute; inset:50% auto auto 50%; width:31px; height:25px; opacity:0; transform:translate(-50%,-35%); border:2px solid var(--mint-bright); border-radius:7px; background:rgba(0,28,22,.78); box-shadow:0 0 22px rgba(95,227,188,.32); transition:opacity .25s .25s; }\r\n.ait-x .gen-ready-mark::before{ content:''; position:absolute; left:50%; bottom:19px; width:15px; height:14px; transform:translateX(-50%); border:2px solid var(--mint-bright); border-bottom:0; border-radius:10px 10px 0 0; }\r\n.ait-x .gen-ready-mark::after{ content:''; position:absolute; left:50%; top:7px; width:4px; height:7px; transform:translateX(-50%); border-radius:4px; background:var(--mint-bright); }\r\n.ait-x .gen-card.is-ready img{ filter:blur(18px) saturate(.5) brightness(.48); transform:scale(1.12); opacity:.7; }\r\n.ait-x .gen-card.is-ready::after{ animation:none; opacity:0; }\r\n.ait-x .gen-card.is-ready .gen-spinner{ opacity:0; animation:none; }\r\n.ait-x .gen-card.is-ready .gen-ready-mark{ opacity:1; }\r\n\r\n.ait-x .gen-cta{ min-width:min(430px,100%); padding:1.15rem 3.2rem; border:1px solid rgba(95,227,188,.26); background:linear-gradient(100deg,rgba(12,57,47,.9),rgba(14,75,59,.72)); color:#C6FFEC; font-family:var(--mono); font-size:.88rem; letter-spacing:.12em; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.3),18px 0 34px rgba(65,255,181,.16); }\r\n.ait-x .gen-cta::after{ content:''; position:absolute; right:-18px; top:50%; width:45px; height:76%; transform:translateY(-50%); border-radius:50%; background:rgba(77,255,183,.72); filter:blur(14px); opacity:.7; transition:opacity .2s,transform .2s; }\r\n.ait-x .gen-cta:hover{ transform:translateY(-2px); border-color:rgba(95,227,188,.58); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 52px rgba(0,0,0,.34),22px 0 42px rgba(65,255,181,.27); }\r\n.ait-x .gen-cta:hover::after{ opacity:1; transform:translateY(-50%) scale(1.08); }\r\n.ait-x .gen-cta[hidden],.ait-x .gen-note[hidden]{ display:none; }\r\n.ait-x .gen-note{ display:block; margin-top:.85rem; color:rgba(255,255,255,.55); }\r\n@media (max-width:560px){\r\n  .ait-x .gen-title{ font-size:clamp(2.25rem,12vw,3.5rem); }\r\n  .ait-x .gen-status{ max-width:30ch; }\r\n  .ait-x .gen-results{ grid-template-columns:repeat(5,112px); justify-content:start; width:100%; overflow-x:auto; padding:.25rem .15rem .8rem; scrollbar-width:thin; }\r\n}\r\n\r\n\/* STATS *\/\r\n.ait-x .stats{ position:relative; overflow:hidden; background:transparent; }\r\n.ait-x .stats::before{ display:none; }\r\n.ait-x .stats-shell{ position:relative; padding:clamp(3rem,5vw,4.5rem) 0 clamp(4rem,7vw,6.5rem); }\r\n.ait-x .stats-head{ max-width:680px; margin:0 auto clamp(1.8rem,4vw,3rem); text-align:center; }\r\n.ait-x .stats-head .eyebrow{ justify-content:center; }\r\n.ait-x .stats-head h2{ margin:.85rem 0 0; font-size:clamp(1.8rem,3vw,3rem); line-height:1.06; text-wrap:balance; }\r\n.ait-x .stats-inner{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.8rem,1.5vw,1.25rem); }\r\n.ait-x .stat-card{ position:relative; min-height:220px; padding:1.6rem; overflow:hidden; text-align:left; border:1px solid rgba(72,198,163,.18); border-radius:24px; background:linear-gradient(145deg,rgba(18,45,36,.72),rgba(8,20,16,.86)); box-shadow:0 22px 55px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }\r\n.ait-x .stat-card::before{ content:''; position:absolute; left:1.5rem; right:1.5rem; top:0; height:1px; background:linear-gradient(90deg,transparent,var(--mint-bright),transparent); opacity:.55; }\r\n.ait-x .stat-card::after{ content:''; position:absolute; width:150px; height:150px; right:-75px; bottom:-85px; border-radius:50%; background:rgba(72,198,163,.09); filter:blur(4px); }\r\n.ait-x .stat-card:hover{ transform:translateY(-5px); border-color:rgba(95,227,188,.42); box-shadow:0 28px 65px rgba(0,0,0,.34),0 0 34px rgba(72,198,163,.08); }\r\n.ait-x .stat-kicker{ display:block; margin-bottom:1.35rem; color:var(--tx-3); font-family:var(--mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }\r\n.ait-x .stat-num{ font-family:var(--mono); font-size:clamp(2rem,3.4vw,3.45rem); line-height:1; font-weight:600; color:var(--mint-bright); text-shadow:0 0 30px rgba(72,198,163,.28); }\r\n.ait-x .stat-num .unit{ font-size:.36em; color:rgba(242,247,245,.5); margin-left:.14em; }\r\n.ait-x .stat-num .stat-arrow{ display:inline-block; margin:0 .22em; color:rgba(95,227,188,.65); font-size:.62em; transform:translateY(-.08em); }\r\n.ait-x .stat-label{ margin-top:1rem; max-width:29ch; color:var(--tx-2); font-size:.92rem; line-height:1.5; }\r\n.ait-x .stat-detail{ display:block; margin-top:.65rem; color:rgba(95,227,188,.62); font-family:var(--mono); font-size:.66rem; letter-spacing:.02em; }\r\n.ait-x .stats-foot{ margin-top:1.3rem; text-align:center; color:var(--tx-3); font-family:var(--mono); font-size:.68rem; }\r\n@media (max-width:800px){ .ait-x .stats-inner{ grid-template-columns:1fr; } .ait-x .stat-card{ min-height:auto; } }\r\n\r\n\/* SECTION HEAD *\/\r\n.ait-x .section-head{ max-width:660px; margin-bottom:clamp(2.2rem,5vw,3.6rem); }\r\n.ait-x .section-head .eyebrow{ margin-bottom:1rem; }\r\n.ait-x .section-head h2{ font-size:clamp(1.85rem,2.6vw+1rem,3.1rem); line-height:1.08; text-wrap:balance; }\r\n.ait-x .section-head p{ margin-top:1rem; color:var(--tx-2); font-size:1.05rem; max-width:54ch; }\r\n\r\n\/* VIDEO SHOWCASE *\/\r\n.ait-x .video-showcase{ background:transparent; overflow:hidden; }\r\n.ait-x .video-shell{\r\n  position:relative; margin:0 auto; padding:0; overflow:visible;\r\n  border:0; border-radius:0; background:transparent; box-shadow:none;\r\n  \/* Wider than the 1240px text column so the interface stays readable. *\/\r\n  width:min(1680px, 94vw);\r\n  max-width:none;\r\n  margin-left:calc(50% - min(840px, 47vw));\r\n}\r\n.ait-x .video-shell::before{ display:none; }\r\n.ait-x .video-player{ position:relative; z-index:1; display:block; width:100%; height:auto; aspect-ratio:16\/9; object-fit:contain; image-rendering:auto; filter:none !important; opacity:1 !important; mix-blend-mode:normal; pointer-events:none; border:1px solid rgba(95,227,188,.18); border-radius:23px; background:#020806; box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 0 1px rgba(95,227,188,.07),0 0 52px rgba(72,198,163,.17); }\r\n.ait-x .video-player::-webkit-media-controls{ display:none !important; }\r\n.ait-x .video-foot{ display:none; }\r\n@media (max-width:900px){\r\n  .ait-x .video-shell{ width:min(100%, 96vw); margin-left:auto; }\r\n}\r\n@media (max-width:560px){\r\n  .ait-x .video-player{ border-radius:15px; }\r\n}\r\n\r\n\/* TOOLS MARQUEE *\/\r\n.ait-x .tools{ background:transparent; overflow:hidden; }\r\n.ait-x .tools.section-pad{ padding-bottom:0; }\r\n.ait-x .tools .section-head{ max-width:760px; margin-inline:auto; text-align:center; }\r\n.ait-x .tools .section-head .eyebrow{ justify-content:center; }\r\n.ait-x .tools .section-head h2{ font-size:clamp(2.1rem,4vw,4.6rem); line-height:1.03; }\r\n.ait-x .tools .section-head p{ margin-inline:auto; }\r\n.ait-x .tool-marquee{ position:relative; width:100%; margin:clamp(2.5rem,5vw,4.8rem) 0 0; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%); }\r\n.ait-x .tool-track{ display:flex; width:max-content; gap:1.25rem; padding:.8rem 0 4rem; animation:ait-tool-loop 52s linear infinite; will-change:transform; }\r\n.ait-x .tool-marquee:hover .tool-track, .ait-x .tool-marquee:focus-within .tool-track{ animation-play-state:paused; }\r\n@keyframes ait-tool-loop{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }\r\n.ait-x .tool-card{ display:flex; flex:0 0 300px; flex-direction:column; min-height:390px; overflow:hidden; color:var(--tx-1); background:#0c0d0c; border:1px solid rgba(242,247,245,.13); border-radius:22px; box-shadow:0 16px 34px rgba(0,0,0,.3); transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; }\r\n.ait-x .tool-card:hover{ transform:translateY(-8px); border-color:var(--mint); box-shadow:0 22px 46px rgba(0,0,0,.44),0 0 28px rgba(72,198,163,.14); }\r\n.ait-x .tool-card-media{ aspect-ratio:1.08\/1; overflow:hidden; background:var(--bg-2); }\r\n.ait-x .tool-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.22,1,.36,1), filter .35s ease; }\r\n.ait-x .tool-card:hover .tool-card-media img{ transform:scale(1.07); filter:saturate(1.1); }\r\n.ait-x .tool-card-body{ display:flex; flex:1; flex-direction:column; gap:.55rem; padding:1.25rem 1.3rem 1.35rem; }\r\n.ait-x .tool-card .eyebrow{ font-size:.62rem; color:var(--mint-bright); }\r\n.ait-x .tool-card h3{ font-family:var(--body); font-size:1.27rem; font-weight:800; letter-spacing:-.025em; }\r\n.ait-x .tool-card p{ margin:0; color:var(--tx-2); font-size:.86rem; line-height:1.45; }\r\n.ait-x .tool-card .arrow{ display:flex; align-items:center; gap:.4rem; margin-top:auto; padding-top:.75rem; color:var(--mint-bright); font-family:var(--mono); font-size:.76rem; }\r\n.ait-x .tool-card .arrow span{ display:inline-block; transition:transform .2s; }\r\n.ait-x .tool-card:hover .arrow span{ transform:translateX(6px); }\r\n@media (max-width:700px){\r\n  .ait-x .tools .section-head{ text-align:left; }\r\n  .ait-x .tools .section-head .eyebrow{ justify-content:flex-start; }\r\n  .ait-x .tool-card{ flex-basis:230px; min-height:340px; }\r\n  .ait-x .tool-marquee{ margin-top:2.2rem; }\r\n}\r\n\r\n\/* ============================================================\r\n   PATTERN LAB \u2014 generate, then zoom and pan the result\r\n============================================================ *\/\r\n.ait-x #pattern-lab{ background:transparent; }\r\n\r\n.ait-x #pattern-lab::before{\r\n  content:''; position:absolute; width:720px; height:520px; right:-300px; top:8%;\r\n  background:radial-gradient(closest-side,rgba(72,198,163,.09),transparent 72%);\r\n  filter:blur(20px); pointer-events:none;\r\n}\r\n\r\n.ait-x .pl-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1.05fr;\r\n  gap:clamp(2rem,4vw,3.6rem);\r\n  align-items:center;\r\n}\r\n\r\n.ait-x .pl-copy h2{\r\n  font-size:clamp(1.85rem,2.6vw+1rem,2.9rem);\r\n  line-height:1.1;\r\n  margin:1rem 0;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-x .pl-copy p{ color:var(--tx-2); font-size:1.05rem; max-width:46ch; }\r\n\r\n.ait-x .pl-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:1rem;\r\n  margin-top:1.6rem;\r\n}\r\n\r\n\/* ---------- stage ---------- *\/\r\n.ait-x .pl-stage{\r\n  position:relative;\r\n  aspect-ratio:1;\r\n  overflow:hidden;\r\n  border:1px solid var(--line-strong);\r\n  border-radius:var(--r-lg);\r\n  background:var(--bg-2);\r\n  box-shadow:0 30px 70px rgba(0,0,0,.5);\r\n  touch-action:none;\r\n}\r\n\r\n.ait-x .pl-layer{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:0;\r\n  transition:opacity .5s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n.ait-x .pl-layer.is-active{ opacity:1; pointer-events:auto; }\r\n\r\n.ait-x .pl-layer img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  user-select:none;\r\n  -webkit-user-drag:none;\r\n}\r\n\r\n.ait-x .pl-viewport{\r\n  position:absolute;\r\n  inset:0;\r\n  overflow:hidden;\r\n  cursor:grab;\r\n}\r\n\r\n.ait-x .pl-viewport.is-panning{ cursor:grabbing; }\r\n\r\n.ait-x .pl-canvas{\r\n  position:absolute;\r\n  inset:0;\r\n  background-repeat:repeat;\r\n  background-position:50% 50%;\r\n  background-size:78% auto;\r\n  will-change:background-position,background-size;\r\n}\r\n\r\n\/* The hidden image is kept as the single editable source URL.\r\n   JavaScript uses it to build the infinitely repeating preview. *\/\r\n.ait-x .pl-canvas > img{\r\n  position:absolute;\r\n  width:1px !important;\r\n  height:1px !important;\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n.ait-x .pl-canvas.is-eased{\r\n  transition:background-position .32s cubic-bezier(.22,1,.36,1),\r\n             background-size .32s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ait-x .pl-tag{\r\n  position:absolute;\r\n  z-index:4;\r\n  top:.9rem;\r\n  left:.9rem;\r\n  padding:.34rem .7rem;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--r-pill);\r\n  color:var(--mint-bright);\r\n  background:rgba(4,17,13,.72);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  backdrop-filter:blur(8px);\r\n  font-family:var(--mono);\r\n  font-size:.6rem;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n  transition:opacity .3s ease;\r\n}\r\n\r\n\/* ---------- loading ---------- *\/\r\n.ait-x .pl-loading{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:5;\r\n  display:grid;\r\n  place-content:center;\r\n  justify-items:center;\r\n  gap:1.1rem;\r\n  padding:1.5rem;\r\n  text-align:center;\r\n  background:rgba(6,16,13,.82);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  backdrop-filter:blur(10px);\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transition:opacity .3s ease,visibility .3s;\r\n}\r\n\r\n.ait-x .pl-loading.is-visible{ opacity:1; visibility:visible; }\r\n\r\n.ait-x .pl-spinner{\r\n  width:46px;\r\n  height:46px;\r\n  border:3px solid rgba(95,227,188,.22);\r\n  border-top-color:var(--mint-bright);\r\n  border-radius:50%;\r\n  animation:pl-spin .85s linear infinite;\r\n}\r\n\r\n@keyframes pl-spin{ to{ transform:rotate(360deg); } }\r\n\r\n.ait-x .pl-status{\r\n  min-height:1.4em;\r\n  color:var(--tx-2);\r\n  font-family:var(--mono);\r\n  font-size:.74rem;\r\n  letter-spacing:.03em;\r\n}\r\n\r\n.ait-x .pl-bar{\r\n  width:min(220px,70%);\r\n  height:3px;\r\n  overflow:hidden;\r\n  border-radius:999px;\r\n  background:rgba(95,227,188,.14);\r\n}\r\n\r\n.ait-x .pl-bar span{\r\n  display:block;\r\n  width:0;\r\n  height:100%;\r\n  border-radius:999px;\r\n  background:linear-gradient(90deg,var(--mint),var(--mint-bright));\r\n  transition:width .4s ease;\r\n}\r\n\r\n\/* ---------- zoom controls ---------- *\/\r\n.ait-x .pl-zoom{\r\n  position:absolute;\r\n  z-index:4;\r\n  right:.9rem;\r\n  bottom:.9rem;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:.3rem;\r\n  padding:.3rem;\r\n  border:1px solid var(--line);\r\n  border-radius:14px;\r\n  background:rgba(4,17,13,.76);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  backdrop-filter:blur(10px);\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transform:translateY(6px);\r\n  transition:opacity .3s ease,transform .3s ease,visibility .3s;\r\n}\r\n\r\n.ait-x .pl-zoom.is-visible{ opacity:1; visibility:visible; transform:none; }\r\n\r\n.ait-x .pl-zoom button{\r\n  display:grid;\r\n  place-items:center;\r\n  width:34px;\r\n  height:34px;\r\n  padding:0;\r\n  border:none;\r\n  border-radius:10px;\r\n  color:var(--tx-2);\r\n  background:transparent;\r\n  cursor:pointer;\r\n  font-family:var(--mono);\r\n  font-size:.95rem;\r\n  line-height:1;\r\n  transition:color .18s ease,background .18s ease;\r\n}\r\n\r\n.ait-x .pl-zoom button:hover{ color:var(--mint-bright); background:rgba(72,198,163,.12); }\r\n.ait-x .pl-zoom button:disabled{ opacity:.3; cursor:not-allowed; background:transparent; }\r\n\r\n.ait-x .pl-zoom .pl-level{\r\n  min-width:3.6ch;\r\n  padding-inline:.2rem;\r\n  color:var(--mint-bright);\r\n  font-family:var(--mono);\r\n  font-size:.66rem;\r\n  text-align:center;\r\n}\r\n\r\n.ait-x .pl-zoom .pl-reset{\r\n  width:auto;\r\n  padding-inline:.6rem;\r\n  font-size:.6rem;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ait-x .pl-hint{\r\n  position:absolute;\r\n  z-index:4;\r\n  left:50%;\r\n  bottom:.9rem;\r\n  padding:.42rem .85rem;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--r-pill);\r\n  color:var(--tx-2);\r\n  background:rgba(4,17,13,.76);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  backdrop-filter:blur(8px);\r\n  font-family:var(--mono);\r\n  font-size:.58rem;\r\n  white-space:nowrap;\r\n  transform:translate(-50%,6px);\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transition:opacity .3s ease,transform .3s ease,visibility .3s;\r\n}\r\n\r\n.ait-x .pl-hint.is-visible{ opacity:1; visibility:visible; transform:translate(-50%,0); }\r\n\r\n@media (max-width:900px){\r\n  .ait-x .pl-grid{ grid-template-columns:1fr; }\r\n}\r\n\r\n@media (max-width:560px){\r\n  .ait-x .pl-actions{ width:100%; }\r\n  .ait-x .pl-actions .btn{ width:100%; }\r\n  .ait-x .pl-hint{ display:none; }\r\n  .ait-x .pl-zoom{ right:.6rem; bottom:.6rem; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .ait-x .pl-canvas.is-eased{ transition:none; }\r\n  .ait-x .pl-spinner{ animation-duration:2s; }\r\n}\r\n\r\n\/* ARCHIVIST *\/\r\n.ait-x .archivist-section{ background:linear-gradient(180deg,var(--bg-0) 0,var(--arch-bg) 140px,var(--arch-bg) calc(100% - 140px),var(--bg-0) 100%); }\r\n.ait-x .archivist-section .eyebrow{ color:var(--archivist); }\r\n.ait-x .archivist-section em{ color:var(--archivist); }\r\n\/* Archive browser (interactive) *\/\r\n.ait-x .arch-browser{ background:rgba(159,159,255,.04); border:1px solid rgba(159,159,255,.18); border-radius:calc(var(--r-lg) + 4px); padding:clamp(1rem,2.5vw,1.6rem); margin-bottom:clamp(2.5rem,5vw,4rem); }\r\n.ait-x .arch-bar{ display:flex; align-items:center; gap:.8rem; background:rgba(6,10,26,.6); border:1px solid rgba(159,159,255,.22); border-radius:var(--r-pill); padding:.75rem 1.1rem; }\r\n.ait-x .arch-bar svg{ width:18px; height:18px; stroke:var(--archivist); fill:none; stroke-width:1.8; flex-shrink:0; }\r\n.ait-x .arch-bar input{ flex:1; min-width:0; background:none; border:none; outline:none; color:var(--tx-1); font-family:var(--mono); font-size:.86rem; letter-spacing:.02em; }\r\n.ait-x .arch-bar input::placeholder{ color:rgba(159,159,255,.55); }\r\n.ait-x .arch-count{ font-family:var(--mono); font-size:.72rem; color:var(--tx-3); white-space:nowrap; }\r\n.ait-x .arch-count b{ color:var(--archivist); font-weight:600; }\r\n.ait-x .arch-tags{ display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0; }\r\n.ait-x .arch-chip{ font-family:var(--mono); font-size:.7rem; letter-spacing:.03em; color:rgba(242,247,245,.6); background:rgba(159,159,255,.06); border:1px solid rgba(159,159,255,.18); border-radius:var(--r-pill); padding:.4rem .85rem; cursor:pointer; transition:all .18s; }\r\n.ait-x .arch-chip:hover{ color:var(--tx-1); border-color:rgba(159,159,255,.4); }\r\n.ait-x .arch-chip[aria-pressed=\"true\"]{ background:rgba(159,159,255,.16); border-color:var(--archivist); color:#E7E4FF; }\r\n.ait-x .arch-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(.7rem,1.2vw,1rem); }\r\n.ait-x .arch-tile{ position:relative; aspect-ratio:3\/4; border-radius:14px; overflow:hidden; border:1px solid rgba(159,159,255,.2); cursor:pointer; transition:transform .3s ease, box-shadow .3s ease, opacity .3s ease; }\r\n.ait-x .arch-tile img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.22,1,.36,1); }\r\n.ait-x .arch-tile:hover{ transform:translateY(-5px); box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 26px rgba(159,159,255,.3); }\r\n.ait-x .arch-tile:hover img{ transform:scale(1.08); }\r\n.ait-x .arch-tile .meta{ position:absolute; left:0; right:0; bottom:0; padding:.9rem .7rem .6rem; display:flex; justify-content:space-between; align-items:flex-end; gap:.4rem; background:linear-gradient(180deg,transparent,rgba(6,10,26,.85)); opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease; pointer-events:none; }\r\n.ait-x .arch-tile:hover .meta{ opacity:1; transform:none; }\r\n.ait-x .arch-tile .meta .t{ font-family:var(--mono); font-size:.62rem; letter-spacing:.04em; color:#E7E4FF; text-transform:capitalize; }\r\n.ait-x .arch-tile .meta .r{ font-family:var(--mono); font-size:.56rem; color:rgba(159,159,255,.8); white-space:nowrap; }\r\n.ait-x .arch-tile.hide{ display:none; }\r\n.ait-x .arch-empty{ grid-column:1\/-1; text-align:center; font-family:var(--mono); font-size:.8rem; color:var(--tx-3); padding:2rem 0; display:none; }\r\n.ait-x .arch-empty.show{ display:block; }\r\n@media (max-width:900px){ .ait-x .arch-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }\r\n@media (max-width:560px){ .ait-x .arch-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .ait-x .arch-bar{ flex-wrap:wrap; } .ait-x .arch-count{ width:100%; text-align:right; } }\r\n.ait-x .arch-head{ max-width:700px; margin:0 auto 2.6rem; text-align:center; }\r\n.ait-x .arch-head .eyebrow{ justify-content:center; }\r\n.ait-x .arch-logo{ display:block; width:clamp(130px,13vw,190px); height:auto; margin:0 auto 1.5rem; filter:drop-shadow(0 0 26px rgba(159,159,255,.2)); }\r\n.ait-x .arch-head h2{ font-size:clamp(1.9rem,2.8vw+1rem,3.3rem); line-height:1.06; margin:1rem 0; }\r\n.ait-x .arch-head p{ color:rgba(242,247,245,.6); font-size:1.05rem; max-width:56ch; margin-inline:auto; }\r\n.ait-x .arch-feat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }\r\n.ait-x .arch-feat{ background:rgba(159,159,255,.05); border:1px solid rgba(159,159,255,.18); border-radius:var(--r-lg); padding:1.7rem 1.5rem; transition:border-color .25s, transform .25s; }\r\n.ait-x .arch-feat:hover{ border-color:rgba(159,159,255,.45); transform:translateY(-4px); }\r\n.ait-x .arch-feat h3{ font-family:var(--body); font-weight:700; font-size:1rem; color:var(--archivist); margin-bottom:.5rem; }\r\n.ait-x .arch-feat p{ font-size:.88rem; color:rgba(242,247,245,.55); margin:0; }\r\n@media (max-width:980px){ .ait-x .arch-feat-grid{ grid-template-columns:1fr 1fr; } }\r\n@media (max-width:560px){ .ait-x .arch-feat-grid{ grid-template-columns:1fr; } }\r\n.ait-x .arch-cta{ margin-top:2.4rem; display:flex; align-items:center; justify-content:center; gap:1.2rem; flex-wrap:wrap; text-align:center; }\r\n\r\n\/* ROI *\/\r\n.ait-x .roi{ background:transparent; }\r\n.ait-x .roi-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,4vw,3.6rem); align-items:center; }\r\n.ait-x .roi-copy h2{ font-size:clamp(1.85rem,2.6vw+1rem,2.9rem); line-height:1.1; margin:1rem 0; text-wrap:balance; }\r\n.ait-x .roi-copy p{ color:var(--tx-2); font-size:1.05rem; max-width:48ch; }\r\n.ait-x .roi-card{ background:var(--bg-2); border:1px solid var(--line-strong); border-radius:var(--r-lg); padding:clamp(1.5rem,3vw,2.2rem); display:grid; gap:1.4rem; box-shadow:0 30px 70px rgba(0,0,0,.45); }\r\n.ait-x .roi-input label{ display:block; font-size:.86rem; color:var(--tx-2); margin-bottom:.7rem; }\r\n.ait-x .roi-big{ font-family:var(--mono); font-size:clamp(2rem,6vw,2.3rem); color:var(--mint-bright); line-height:1; text-shadow:0 0 26px rgba(72,198,163,.35); margin-bottom:.8rem; }\r\n.ait-x .roi-big small{ font-size:.38em; color:var(--tx-3); letter-spacing:.04em; }\r\n.ait-x .roi-readout{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; border-top:1px solid var(--line); padding-top:1.3rem; }\r\n.ait-x .roi-readout b{ display:block; font-family:var(--mono); font-weight:600; font-size:clamp(1.35rem,1.8vw,1.8rem); color:var(--mint-bright); margin-bottom:.25rem; }\r\n.ait-x .roi-readout b.pop{ animation:num-pop .28s ease; }\r\n@keyframes num-pop{ 50%{ transform:scale(1.14); } }\r\n.ait-x .roi-readout span{ font-size:.76rem; color:var(--tx-2); line-height:1.4; display:block; }\r\n.ait-x .roi-cta{ display:grid; gap:.6rem; justify-items:start; }\r\n@media (max-width:900px){ .ait-x .roi-grid{ grid-template-columns:1fr; } }\r\n@media (max-width:560px){ .ait-x .roi-readout{ grid-template-columns:1fr; } }\r\n\r\n\/* FINAL CTA *\/\r\n.ait-x .cta-banner{ text-align:center; overflow:hidden; isolation:isolate; }\r\n.ait-x .cta-banner::before{ content:''; position:absolute; z-index:-1; width:820px; height:520px; left:50%; bottom:-260px; transform:translateX(-50%); background:radial-gradient(closest-side,rgba(72,198,163,.25),transparent 72%); filter:blur(18px); pointer-events:none; }\r\n.ait-x .cta-banner-inner{ padding:clamp(4rem,9vw,7rem) 0; display:grid; gap:1.5rem; justify-items:center; }\r\n.ait-x .cta-banner h2{ font-size:clamp(2rem,3.4vw+1rem,3.6rem); max-width:22ch; line-height:1.06; text-wrap:balance; }\r\n.ait-x .cta-banner p{ color:var(--tx-2); max-width:50ch; font-size:1.05rem; margin:0; }\r\n\r\n\/* ============================================================\r\n   SCROLL REVEAL\r\n   The hidden state is only applied once JS confirms it can observe\r\n   elements (html.ait-reveal-on), so content can never get stuck\r\n   invisible if scripting is blocked or the observer is unsupported.\r\n============================================================ *\/\r\n.ait-x .reveal{ opacity:1; transform:none; }\r\n\r\nhtml.ait-reveal-on .ait-x .reveal{\r\n  opacity:0;\r\n  transform:translateY(26px);\r\n  transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);\r\n  will-change:opacity, transform;\r\n}\r\nhtml.ait-reveal-on .ait-x .reveal.is-visible{ opacity:1; transform:none; }\r\n\r\n\/* children stagger in one after another *\/\r\nhtml.ait-reveal-on .ait-x .reveal-group > *{\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);\r\n}\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *{ opacity:1; transform:none; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(1){ transition-delay:.04s; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(2){ transition-delay:.12s; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(3){ transition-delay:.2s; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(4){ transition-delay:.28s; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(5){ transition-delay:.36s; }\r\nhtml.ait-reveal-on .ait-x .reveal-group.is-visible > *:nth-child(n+6){ transition-delay:.44s; }\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  html.ait-reveal-on .ait-x .reveal,\r\n  html.ait-reveal-on .ait-x .reveal-group > *{\r\n    opacity:1 !important; transform:none !important; transition:none !important;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   ELEMENTOR FREE \u2014 FULL-BLEED + EDITOR SAFETY\r\n   Section backgrounds go edge-to-edge even inside a boxed theme\r\n   wrapper. Inner .wrap stays limited to 1240px.\r\n   ============================================================ *\/\r\nhtml, body{ overflow-x:clip; }\r\n.ait-x{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; }\r\n@supports (width:100dvw){ .ait-x{ width:100dvw !important; margin-left:calc(50% - 50dvw) !important; margin-right:calc(50% - 50dvw) !important; } }\r\n.elementor-editor-active .ait-x .reveal,\r\n.elementor-editor-active .ait-x .reveal-group > *{ opacity:1 !important; transform:none !important; }\r\n<\/style>\r\n\r\n<div class=\"ait-x\">\r\n<div class=\"progress\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero is-in-view\">\r\n  <div class=\"wrap hero-inner\">\r\n    <span class=\"eyebrow hero-eyebrow\">Tekstil desinat\u00f6rleri ve tasar\u0131m ekipleri i\u00e7in yapay zek\u00e2 ara\u00e7lar\u0131<\/span>\r\n    <h1>Yapay zek\u00e2 ile&nbsp;<span class=\"rot\" id=\"rotText\">kusursuz tekstil desenleri olu\u015fturun<\/span><span class=\"rot-caret\" aria-hidden=\"true\"><\/span><\/h1>\r\n    <p class=\"lede\">Bir promptu \u00fcretime haz\u0131r, raportlu bir tekstil desenine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn \u2014 tek platformda.<\/p>\r\n    <div class=\"prompt-box\" id=\"promptBox\">\r\n      <textarea class=\"prompt-ta\" id=\"promptTa\" rows=\"1\" placeholder=\"Olu\u015fturmak istedi\u011finiz tekstil desenini anlat\u0131n\u2026\"><\/textarea>\r\n      <span class=\"prompt-error\" id=\"promptError\" role=\"alert\" hidden>L\u00fctfen olu\u015fturmak istedi\u011finiz tekstil desenini anlat\u0131n.<\/span>\r\n      <div class=\"prompt-bar\">\r\n        <div class=\"prompt-left\">\r\n          <div class=\"model-select\" id=\"modelSelect\">\r\n            <button type=\"button\" class=\"model-btn\" id=\"modelBtn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\r\n              <svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z\"\/><\/svg>\r\n              <span id=\"modelLabel\">Text to Pattern<\/span>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"model-menu\" id=\"modelMenu\" role=\"listbox\" aria-label=\"Ara\u00e7 se\u00e7in\" hidden>\r\n              <button type=\"button\" class=\"model-opt\" role=\"option\" data-tool=\"text-to-pattern\" data-locked=\"0\" aria-selected=\"true\">\r\n                <span class=\"txt\">Text to Pattern<span class=\"sub\">Se\u00e7ili<\/span><\/span>\r\n                <svg class=\"tick\" viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\r\n              <\/button>\r\n              <button type=\"button\" class=\"model-opt\" role=\"option\" data-tool=\"imagine\" data-locked=\"1\" aria-selected=\"false\">\r\n                <span class=\"txt\">Imagine<span class=\"sub\">Kullanmak i\u00e7in kay\u0131t olun<\/span><\/span>\r\n                <svg class=\"lock\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>\r\n              <\/button>\r\n              <button type=\"button\" class=\"model-opt\" role=\"option\" data-tool=\"style-transfer\" data-locked=\"1\" aria-selected=\"false\">\r\n                <span class=\"txt\">Style Transfer<span class=\"sub\">Kullanmak i\u00e7in kay\u0131t olun<\/span><\/span>\r\n                <svg class=\"lock\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>\r\n              <\/button>\r\n              <button type=\"button\" class=\"model-opt\" role=\"option\" data-tool=\"expand\" data-locked=\"1\" aria-selected=\"false\">\r\n                <span class=\"txt\">Expand<span class=\"sub\">Kullanmak i\u00e7in kay\u0131t olun<\/span><\/span>\r\n                <svg class=\"lock\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>\r\n              <\/button>\r\n              <button type=\"button\" class=\"model-opt\" role=\"option\" data-tool=\"pattern-extractor\" data-locked=\"1\" aria-selected=\"false\">\r\n                <span class=\"txt\">Pattern Extractor<span class=\"sub\">Kullanmak i\u00e7in kay\u0131t olun<\/span><\/span>\r\n                <svg class=\"lock\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"prompt-actions\">\r\n          <button type=\"button\" class=\"prompt-icon\" id=\"diceBtn\" title=\"\u015ea\u015f\u0131rt beni\" aria-label=\"Rastgele bir prompt ekle\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"15.5\" cy=\"8.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"8.5\" cy=\"15.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"15.5\" cy=\"15.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n          <\/button>\r\n          <button type=\"button\" class=\"btn btn-primary prompt-create\" id=\"heroCreate\">Olu\u015ftur <span class=\"arr\">\u2192<\/span><\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ VIDEO SHOWCASE ============ -->\r\n<section class=\"video-showcase section-pad\" id=\"showreel\">\r\n  <div class=\"wrap\">\r\n    <div class=\"video-shell reveal\">\r\n      <video class=\"video-player\" id=\"aitShowreel\" muted loop playsinline preload=\"metadata\" disablepictureinpicture disableremoteplayback controlslist=\"nodownload noplaybackrate noremoteplayback\" poster=\"https:\/\/aibeta.ait.com.tr\/wp-content\/uploads\/2026\/08\/Ana-Sayfa-wb.mp4\" aria-label=\"AIT yapay zek\u00e2 tekstil desen tasar\u0131m\u0131 i\u015f ak\u0131\u015f\u0131 videosu\">\r\n        <source src=\"https:\/\/aibeta.ait.com.tr\/wp-content\/uploads\/2026\/08\/Ana-Sayfa-wb.mp4\" type=\"video\/mp4\">\r\n        Taray\u0131c\u0131n\u0131z g\u00f6m\u00fcl\u00fc videoyu desteklemiyor.\r\n      <\/video>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PATTERN LAB ============ -->\r\n<section class=\"section-pad\" id=\"pattern-lab\">\r\n  <div class=\"wrap pl-grid reveal\">\r\n\r\n    <div class=\"pl-copy\">\r\n      <span class=\"eyebrow\">Kusursuz raportu kendiniz inceleyin<\/span>\r\n      <h2>Tek prompt girin. <em>Kusursuz raportlu, \u00fcretime haz\u0131r bir tekstil deseni<\/em> elde edin.<\/h2>\r\n      <p>\r\n        Ger\u00e7ek bir \u00f6nizleme olu\u015fturun; raport tekrar\u0131n\u0131 s\u00fcr\u00fckleyerek inceleyin, ayr\u0131nt\u0131lara yak\u0131nla\u015f\u0131n ve kusursuz ge\u00e7i\u015fi kendiniz do\u011frulay\u0131n.\r\n      <\/p>\r\n      <div class=\"pl-actions\">\r\n        <button type=\"button\" class=\"btn btn-primary\" id=\"plGenerate\">\r\n          Olu\u015ftur <span class=\"arr\">\u2192<\/span>\r\n        <\/button>\r\n        <span class=\"cta-micro\" id=\"plCaption\">Referans desen y\u00fcklendi<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pl-stage\" id=\"plStage\">\r\n      <span class=\"pl-tag\" id=\"plTag\">Girdi \u00b7 referans desen<\/span>\r\n\r\n      <!-- BEFORE -->\r\n      <div class=\"pl-layer is-active\" id=\"plBefore\">\r\n        <!-- DE\u011e\u0130\u015eT\u0130R: BEFORE_IMAGE_URL -->\r\n        <img decoding=\"async\" src=\"https:\/\/aibeta.ait.com.tr\/wp-content\/uploads\/2026\/08\/Default-1.jpeg\"\r\n             alt=\"Yapay zek\u00e2 \u00fcretimi \u00f6ncesindeki referans tekstil deseni\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- AFTER (zoom + pan) -->\r\n      <div class=\"pl-layer\" id=\"plAfter\">\r\n        <div class=\"pl-viewport\" id=\"plViewport\">\r\n          <div class=\"pl-canvas\" id=\"plCanvas\">\r\n            <!-- DE\u011e\u0130\u015eT\u0130R: AFTER_IMAGE_URL -->\r\n            <img decoding=\"async\" src=\"https:\/\/aibeta.ait.com.tr\/wp-content\/uploads\/2026\/08\/Seamless-1.png\"\r\n                 alt=\"Yapay zek\u00e2 ile olu\u015fturulmu\u015f kusursuz raportlu, \u00fcretime haz\u0131r tekstil deseni\" loading=\"lazy\" id=\"plResultImg\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- LOADING -->\r\n      <div class=\"pl-loading\" id=\"plLoading\">\r\n        <span class=\"pl-spinner\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"pl-status\" id=\"plStatus\" role=\"status\" aria-live=\"polite\">Tekstil promptu analiz ediliyor\u2026<\/span>\r\n        <span class=\"pl-bar\"><span id=\"plBarFill\"><\/span><\/span>\r\n      <\/div>\r\n\r\n      <!-- ZOOM CONTROLS -->\r\n      <div class=\"pl-zoom\" id=\"plZoom\">\r\n        <button type=\"button\" id=\"plOut\" aria-label=\"Uzakla\u015ft\u0131r\">\u2212<\/button>\r\n        <span class=\"pl-level\" id=\"plLevel\">100%<\/span>\r\n        <button type=\"button\" id=\"plIn\" aria-label=\"Yak\u0131nla\u015ft\u0131r\">+<\/button>\r\n        <button type=\"button\" class=\"pl-reset\" id=\"plReset\">S\u0131f\u0131rla<\/button>\r\n      <\/div>\r\n\r\n      <span class=\"pl-hint\" id=\"plHint\">Kusursuz raportu incelemek i\u00e7in s\u00fcr\u00fckleyin \u00b7 yak\u0131nla\u015ft\u0131rmak i\u00e7in kayd\u0131r\u0131n<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============ TOOLS SHOWCASE (marquee) ============ -->\r\n<section class=\"tools section-pad\" id=\"tools\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head reveal\">\r\n      <span class=\"eyebrow\">Dijital tekstil desen ekosistemi<\/span>\r\n      <h2>Desen tasar\u0131m s\u00fcrecinin t\u00fcm ad\u0131mlar\u0131 tek bir platformda<\/h2>\r\n      <p>Profesyonel \u00fcretim i\u00e7in geli\u015ftirilen ba\u011flant\u0131l\u0131 yapay zek\u00e2 ara\u00e7lar\u0131yla desenlerinizi olu\u015fturun, d\u00fczenleyin, raportlay\u0131n, renklendirin, \u00f6l\u00e7eklendirin ve g\u00f6rselle\u015ftirin.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"tool-marquee reveal\" aria-label=\"AIT yapay zek\u00e2 tekstil desen ara\u00e7lar\u0131\">\r\n    <div class=\"tool-track\">\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-olusturma\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/text2imagine.webp\" alt=\"Text to Pattern seamless textile pattern output\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Desen \u00fcretimi<\/span><h3>Text to Pattern<\/h3><p>Metin promptlar\u0131n\u0131 kusursuz raportlu ve \u00fcretime haz\u0131r tekstil desenlerine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-tasarimi\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/Imagine.webp\" alt=\"Imagine yapay zek\u00e2 tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Yarat\u0131c\u0131 desen \u00fcretimi<\/span><h3>Imagine<\/h3><p>Bir prompt, duygu veya referanstan \u00f6zg\u00fcn tekstil kompozisyonlar\u0131 olu\u015fturun.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-stil-transferi\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/styletransfer.webp\" alt=\"Style Transfer tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Stil d\u00f6n\u00fc\u015f\u00fcm\u00fc<\/span><h3>Style Transfer<\/h3><p>Orijinal kompozisyonu koruyarak desene yeni bir sanatsal stil uygulay\u0131n.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-genisletme\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/expand.webp\" alt=\"Expand yapay zek\u00e2 tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Ak\u0131ll\u0131 geni\u015fletme<\/span><h3>Expand<\/h3><p>G\u00f6rsel s\u00fcreklili\u011fi koruyarak desenleri diledi\u011finiz y\u00f6ne geni\u015fletin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/desen-cikarma\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/patternextractor-v2.webp\" alt=\"Pattern Extractor raportlamaya haz\u0131r tekstil \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">G\u00f6rselden desene<\/span><h3>Pattern Extractor<\/h3><p>Giysi, kuma\u015f veya \u00fcr\u00fcn g\u00f6rsellerinden temiz ve raportlamaya haz\u0131r desenler \u00e7\u0131kar\u0131n.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-raportlama\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/repeater.webp\" alt=\"Repeater kusursuz raport \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Raport ve tekrar kontrol\u00fc<\/span><h3>Repeater<\/h3><p>Desen bask\u0131ya ula\u015fmadan \u00f6nce kusursuz raportlar olu\u015fturun ve kontrol edin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"tool-card\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/2d-desen-giydirme\/\">\r\n        <div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/aimockup.webp\" alt=\"Mockup Studio tekstil \u00fcr\u00fcn g\u00f6rselle\u015ftirmesi\" loading=\"lazy\"><\/div>\r\n        <div class=\"tool-card-body\"><span class=\"eyebrow\">Dijital g\u00f6rselle\u015ftirme<\/span><h3>Mockup Studio<\/h3><p>Fiziksel numune \u00f6ncesinde desenleri giysi ve \u00fcr\u00fcnler \u00fczerinde g\u00f6rselle\u015ftirin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div>\r\n      <\/a>\r\n\r\n      <!-- Duplicate set: required for a seamless CSS loop. -->\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-olusturma\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/text2imagine.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Desen \u00fcretimi<\/span><h3>Text to Pattern<\/h3><p>Metin promptlar\u0131n\u0131 kusursuz raportlu ve \u00fcretime haz\u0131r tekstil desenlerine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-tasarimi\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/Imagine.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Yarat\u0131c\u0131 desen \u00fcretimi<\/span><h3>Imagine<\/h3><p>Bir prompt, duygu veya referanstan \u00f6zg\u00fcn tekstil kompozisyonlar\u0131 olu\u015fturun.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-stil-transferi\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/styletransfer.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Stil d\u00f6n\u00fc\u015f\u00fcm\u00fc<\/span><h3>Style Transfer<\/h3><p>Orijinal kompozisyonu koruyarak desene yeni bir sanatsal stil uygulay\u0131n.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-genisletme\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/expand.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Ak\u0131ll\u0131 geni\u015fletme<\/span><h3>Expand<\/h3><p>G\u00f6rsel s\u00fcreklili\u011fi koruyarak desenleri diledi\u011finiz y\u00f6ne geni\u015fletin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/desen-cikarma\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/patternextractor-v2.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">G\u00f6rselden desene<\/span><h3>Pattern Extractor<\/h3><p>Giysi, kuma\u015f veya \u00fcr\u00fcn g\u00f6rsellerinden temiz ve raportlamaya haz\u0131r desenler \u00e7\u0131kar\u0131n.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/yapay-zeka-desen-raportlama\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/repeater.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Raport ve tekrar kontrol\u00fc<\/span><h3>Repeater<\/h3><p>Desen bask\u0131ya ula\u015fmadan \u00f6nce kusursuz raportlar olu\u015fturun ve kontrol edin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n      <a class=\"tool-card\" aria-hidden=\"true\" tabindex=\"-1\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/2d-desen-giydirme\/\"><div class=\"tool-card-media\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/06\/aimockup.webp\" alt=\"\" loading=\"lazy\"><\/div><div class=\"tool-card-body\"><span class=\"eyebrow\">Dijital g\u00f6rselle\u015ftirme<\/span><h3>Mockup Studio<\/h3><p>Fiziksel numune \u00f6ncesinde desenleri giysi ve \u00fcr\u00fcnler \u00fczerinde g\u00f6rselle\u015ftirin.<\/p><span class=\"arrow\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span><\/div><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ STATS ============ -->\r\n<section class=\"stats\">\r\n  <div class=\"wrap stats-shell\">\r\n    <div class=\"stats-head reveal\">\r\n      <span class=\"eyebrow\">\u00d6l\u00e7\u00fclebilir \u00fcretim etkisi<\/span>\r\n      <h2>Yaln\u0131zca ilham i\u00e7in de\u011fil, tekstil \u00fcretimi i\u00e7in geli\u015ftirildi.<\/h2>\r\n    <\/div>\r\n    <div class=\"stats-inner reveal-group\">\r\n      <article class=\"stat-card\">\r\n        <span class=\"stat-kicker\">\u00dcretime haz\u0131rl\u0131k s\u00fcresi<\/span>\r\n        <div class=\"stat-num\"><span data-count=\"48\">0<\/span><span class=\"unit\">min<\/span><span class=\"stat-arrow\">\u2192<\/span><span data-count=\"15\">0<\/span><span class=\"unit\">min<\/span><\/div>\r\n        <div class=\"stat-label\">Prompttan \u00fcretime haz\u0131r dosyaya ula\u015fmak i\u00e7in ortalama s\u00fcre.<\/div>\r\n        <span class=\"stat-detail\">Desen ba\u015f\u0131na 33 dakika tasarruf<\/span>\r\n      <\/article>\r\n      <article class=\"stat-card\">\r\n        <span class=\"stat-kicker\">\u00dcretime haz\u0131rl\u0131k g\u00fcveni<\/span>\r\n        <div class=\"stat-num\"><span data-count=\"98\">0<\/span><span class=\"unit\">%<\/span><\/div>\r\n        <div class=\"stat-label\">Ek d\u00fczenleme gerektirmeden \u00fcretime haz\u0131r teslim edilen \u00e7\u0131kt\u0131lar.<\/div>\r\n        <span class=\"stat-detail\">Tekstil i\u015f ak\u0131\u015flar\u0131na g\u00f6re geli\u015ftirildi<\/span>\r\n      <\/article>\r\n      <article class=\"stat-card\">\r\n        <span class=\"stat-kicker\">Tasar\u0131m toplulu\u011fu<\/span>\r\n        <div class=\"stat-num\"><span data-count=\"2500\">0<\/span><span class=\"unit\">+<\/span><\/div>\r\n        <div class=\"stat-label\">AIT AI Tools ile tekstil koleksiyonlar\u0131 haz\u0131rlayan tasar\u0131mc\u0131lar.<\/div>\r\n        <span class=\"stat-detail\">Farkl\u0131 \u00fclkelerdeki st\u00fcdyolarla b\u00fcy\u00fcyor<\/span>\r\n      <\/article>\r\n    <\/div>\r\n    <div class=\"stats-foot\">AIT Analitikleri \u00b7 2025 4. \u00e7eyrek verilerine g\u00f6re<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ARCHIVIST ============ -->\r\n<section class=\"archivist-section section-pad\" id=\"archivist\">\r\n  <div class=\"wrap\">\r\n    <div class=\"arch-head reveal\">\r\n      <img decoding=\"async\" class=\"arch-logo\" src=\"https:\/\/ai.ait.com.tr\/tr\/wp-content\/uploads\/2026\/07\/ARCHIVIST-LOGO-1.png\" alt=\"Archivist logosu\">\r\n      <span class=\"eyebrow\">Yapay zek\u00e2 destekli desen ar\u015fivi<\/span>\r\n      <h2>Aray\u0131n. Bulun. <em>Yeniden de\u011ferlendirin.<\/em><\/h2>\r\n      <p>Archivist, y\u0131llar boyunca olu\u015fturdu\u011funuz kurumsal tekstil desenlerini aranabilir ve d\u00fczenli bir dijital ar\u015five d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Benzer desenleri bulun, koleksiyonlar\u0131 filtreleyin ve y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc \u00f6nizlemelere saniyeler i\u00e7inde ula\u015f\u0131n.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"arch-browser reveal\" id=\"archBrowser\">\r\n      <div class=\"arch-bar\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg>\r\n        <input id=\"archSearch\" type=\"text\" placeholder=\"Desen ar\u015fivinizde aray\u0131n \u2014 \u201c\u00e7i\u00e7ek\u201d, \u201cgeometrik\u201d, \u201cbarok\u201d deneyin\u2026\" aria-label=\"Ar\u015fivde ara\">\r\n        <span class=\"arch-count\"><b id=\"archNum\">10<\/b> desen<\/span>\r\n      <\/div>\r\n      <div class=\"arch-tags\" id=\"archTags\" role=\"group\" aria-label=\"Etikete g\u00f6re filtrele\">\r\n        <button class=\"arch-chip\" data-tag=\"\" aria-pressed=\"true\">T\u00fcm\u00fc<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"floral\" aria-pressed=\"false\">\u00c7i\u00e7ek<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"geometric\" aria-pressed=\"false\">Geometrik<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"watercolor\" aria-pressed=\"false\">Sulu boya<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"folk\" aria-pressed=\"false\">Halk sanat\u0131<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"baroque\" aria-pressed=\"false\">Barok<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"abstract\" aria-pressed=\"false\">Soyut<\/button>\r\n      <\/div>\r\n      <div class=\"arch-grid\" id=\"archGrid\">\r\n        <div class=\"arch-tile\" data-tags=\"folk floral halk sanat\u0131 \u00e7i\u00e7ek\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/Folk-art-style.webp\" alt=\"Halk sanat\u0131 \u00e7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">halk sanat\u0131 \u00b7 \u00e7i\u00e7ek<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"watercolor floral sulu boya \u00e7i\u00e7ek\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/watercolor-pattern.webp\" alt=\"Sulu boya \u00e7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">sulu boya<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"abstract soyut\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/dreamlike-pattern.webp\" alt=\"Soyut, d\u00fc\u015fsel desen\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">soyut<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"retro geometric geometrik\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/retro-pattern.webp\" alt=\"Retro geometrik desen\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">geometrik \u00b7 retro<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"baroque floral barok \u00e7i\u00e7ek\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/baraque-pattern.webp\" alt=\"Barok \u00e7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">barok<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"floral \u00e7i\u00e7ek\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern.webp\" alt=\"\u00c7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">\u00e7i\u00e7ek<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"floral \u00e7i\u00e7ek\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern1.webp\" alt=\"\u00c7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">\u00e7i\u00e7ek<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"geometric geometrik\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern-2.webp\" alt=\"Geometrik desen\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">geometrik<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"floral botanical \u00e7i\u00e7ek botanik\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern-6.webp\" alt=\"Botanik \u00e7i\u00e7ek deseni\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">botanik<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-tile\" data-tags=\"abstract soyut\"><img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/ai-tools-pattern.jpeg\" alt=\"Soyut desen\" loading=\"lazy\"><div class=\"meta\"><span class=\"t\">soyut<\/span><span class=\"r\">4096px<\/span><\/div><\/div>\r\n        <div class=\"arch-empty\" id=\"archEmpty\">E\u015fle\u015fme bulunamad\u0131 \u2014 ba\u015fka bir etiket deneyin.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"arch-feat-grid reveal-group\">\r\n      <div class=\"arch-feat\"><h3>Metinle Ak\u0131ll\u0131 Arama<\/h3><p>Desenleri a\u00e7\u0131klay\u0131c\u0131 metinler, anahtar kelimeler ve teknik etiketlerle bulun.<\/p><\/div>\r\n      <div class=\"arch-feat\"><h3>G\u00f6rselle Benzer Desen Arama<\/h3><p>Bir referans g\u00f6rsel y\u00fckleyerek benzer doku ve desenleri saniyeler i\u00e7inde bulun.<\/p><\/div>\r\n      <div class=\"arch-feat\"><h3>Otomatik S\u0131n\u0131fland\u0131rma<\/h3><p>Binlerce deseni g\u00f6rsel \u00f6zelliklerine g\u00f6re otomatik olarak s\u0131n\u0131fland\u0131r\u0131n.<\/p><\/div>\r\n      <div class=\"arch-feat\"><h3>Koleksiyon Y\u00f6netimi<\/h3><p>Desenleri g\u00fcvenli ve payla\u015f\u0131labilir m\u00fc\u015fteri koleksiyonlar\u0131 h\u00e2linde d\u00fczenleyin.<\/p><\/div>\r\n    <\/div>\r\n    <div class=\"arch-cta\">\r\n      <a class=\"btn btn-archivist\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">Desen Ar\u015fivinizi Dijitalle\u015ftirin <span class=\"arr\">\u2192<\/span><\/a>\r\n      <span class=\"cta-micro\">Mevcut desen ar\u015fivinizle \u00e7al\u0131\u015f\u0131r<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ROI CALCULATOR ============ -->\r\n<section class=\"roi section-pad\" id=\"roi\">\r\n  <div class=\"wrap roi-grid reveal\">\r\n    <div class=\"roi-copy\">\r\n      <span class=\"eyebrow\">St\u00fcdyonuzun kazanabilece\u011fi zaman\u0131 hesaplay\u0131n<\/span>\r\n      <h2>Desen ba\u015f\u0131na geri kazand\u0131\u011f\u0131n\u0131z <em>33 dakika<\/em> ekibinize ne kazand\u0131r\u0131r?<\/h2>\r\n      <p>AIT kullan\u0131c\u0131lar\u0131 \u00fcretime haz\u0131r bir dosya i\u00e7in gereken s\u00fcreyi ortalama 48 dakikadan 15 dakikaya indiriyor. Ekibinizin ayl\u0131k desen say\u0131s\u0131n\u0131 se\u00e7erek kazanabilece\u011finiz zaman\u0131 hesaplay\u0131n.<\/p>\r\n      <p class=\"cta-micro\" style=\"margin-top:1rem;\">AIT Analitikleri 2025 4. \u00e7eyrek ortalamalar\u0131na dayan\u0131r \u00b7 sonu\u00e7lar i\u015f ak\u0131\u015f\u0131na g\u00f6re de\u011fi\u015febilir<\/p>\r\n    <\/div>\r\n    <div class=\"roi-card\">\r\n      <div class=\"roi-input\">\r\n        <label for=\"roiRange\">Ekibinizin ayda haz\u0131rlad\u0131\u011f\u0131 tekstil deseni: <b id=\"roiN\" style=\"color:var(--mint-bright); font-family:var(--mono);\">20<\/b><\/label>\r\n        <input type=\"range\" id=\"roiRange\" min=\"5\" max=\"80\" step=\"5\" value=\"20\" aria-label=\"Ayl\u0131k desen say\u0131s\u0131\">\r\n      <\/div>\r\n      <div>\r\n        <div class=\"roi-big\"><span id=\"roiHours\">11<\/span><small> saat ayl\u0131k zaman tasarrufu<\/small><\/div>\r\n        <div class=\"roi-readout\">\r\n          <div><b id=\"roiExtra\">44<\/b><span>kazan\u0131lan s\u00fcrede haz\u0131rlanabilecek ek desen<\/span><\/div>\r\n          <div><b id=\"roiDays\">17<\/b><span>y\u0131lda geri kazan\u0131lan i\u015f g\u00fcn\u00fc<\/span><\/div>\r\n          <div><b>-69%<\/b><span>\u00fcretime haz\u0131r dosya ba\u015f\u0131na s\u00fcre<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"roi-cta\">\r\n        <a class=\"btn btn-primary\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\u00dccretsiz Tasarlamaya Ba\u015flay\u0131n <span class=\"arr\">\u2192<\/span><\/a>\r\n        <span class=\"cta-micro\">Kredi kart\u0131 gerekmez<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FINAL CTA ============ -->\r\n<section class=\"cta-banner\">\r\n  <div class=\"wrap cta-banner-inner reveal\">\r\n    <span class=\"eyebrow\">Tekstil odakl\u0131 yapay zek\u00e2 i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 ba\u015flat\u0131n<\/span>\r\n    <h2>Bir sonraki desen fikrinizi <em>\u00fcretime haz\u0131r bir sonuca d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.<\/em><\/h2>\r\n    <p>\u00dccretsiz hesab\u0131n\u0131z\u0131 olu\u015fturun ve g\u00fcnl\u00fck 5 krediyle tasarlamaya ba\u015flay\u0131n. Rehberli bir anlat\u0131m tercih ederseniz ekibimiz t\u00fcm tekstil tasar\u0131m ekosistemini canl\u0131 olarak g\u00f6sterebilir.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a class=\"btn btn-primary btn-breathe\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\u00dccretsiz Tasarlamaya Ba\u015flay\u0131n <span class=\"arr\">\u2192<\/span><\/a>\r\n      <a class=\"btn btn-ghost\" href=\"https:\/\/calendly.com\/eren-ait\/aitools-demo\" target=\"_blank\" rel=\"noopener\">20 Dakikal\u0131k Demo Randevusu Al\u0131n<\/a>\r\n    <\/div>\r\n    <span class=\"cta-micro\">Kredi kart\u0131 gerekmez<\/span>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ GENERATION PROCESS ============ -->\r\n<div class=\"gen-modal\" id=\"genModal\" hidden>\r\n  <div class=\"gen-bg\" aria-hidden=\"true\"><\/div>\r\n  <button type=\"button\" class=\"gen-close\" id=\"genClose\" aria-label=\"\u00dcretim \u00f6nizlemesini kapat\">&#10005;<\/button>\r\n  <div class=\"gen-stage\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"genTitle\">\r\n    <span class=\"eyebrow\">AIT desen \u00fcretim st\u00fcdyosu<\/span>\r\n    <h2 class=\"gen-title\" id=\"genTitle\">Kusursuz raportlu desen \u00f6nizlemeleriniz haz\u0131rlan\u0131yor<\/h2>\r\n    <p class=\"gen-status\" id=\"genStatus\" role=\"status\" aria-live=\"polite\">Promptunuz analiz ediliyor ve kusursuz tekstil raportlar\u0131 haz\u0131rlan\u0131yor\u2026<\/p>\r\n    <div class=\"gen-results\" aria-label=\"Yapay zek\u00e2 ile olu\u015fturulan desen \u00f6nizlemeleri\">\r\n      <div class=\"gen-card\" id=\"genCard1\">\r\n        <img id=\"genImg1\" loading=\"lazy\" decoding=\"async\" alt=\"Olu\u015fturulan birinci desen \u00f6nizlemesi\">\r\n        <span class=\"gen-spinner\" aria-hidden=\"true\"><\/span><span class=\"gen-ready-mark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <div class=\"gen-card\" id=\"genCard2\">\r\n        <img id=\"genImg2\" loading=\"lazy\" decoding=\"async\" alt=\"Olu\u015fturulan ikinci desen \u00f6nizlemesi\">\r\n        <span class=\"gen-spinner\" aria-hidden=\"true\"><\/span><span class=\"gen-ready-mark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <div class=\"gen-card\" id=\"genCard3\">\r\n        <img id=\"genImg3\" loading=\"lazy\" decoding=\"async\" alt=\"Olu\u015fturulan \u00fc\u00e7\u00fcnc\u00fc desen \u00f6nizlemesi\">\r\n        <span class=\"gen-spinner\" aria-hidden=\"true\"><\/span><span class=\"gen-ready-mark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <div class=\"gen-card\" id=\"genCard4\">\r\n        <img id=\"genImg4\" loading=\"lazy\" decoding=\"async\" alt=\"Olu\u015fturulan d\u00f6rd\u00fcnc\u00fc desen \u00f6nizlemesi\">\r\n        <span class=\"gen-spinner\" aria-hidden=\"true\"><\/span><span class=\"gen-ready-mark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <div class=\"gen-card\" id=\"genCard5\">\r\n        <img id=\"genImg5\" loading=\"lazy\" decoding=\"async\" alt=\"Olu\u015fturulan be\u015finci desen \u00f6nizlemesi\">\r\n        <span class=\"gen-spinner\" aria-hidden=\"true\"><\/span><span class=\"gen-ready-mark\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <button type=\"button\" class=\"btn gen-cta\" id=\"genContinue\" hidden>5 Desenin T\u00fcm\u00fcn\u00fc A\u00e7 <span class=\"arr\">&rarr;<\/span><\/button>\r\n    <span class=\"cta-micro gen-note\" id=\"genNote\" hidden>T\u00fcm varyasyonlar\u0131 g\u00f6rmek, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz hesap a\u00e7\u0131n<\/span>\r\n  <\/div>\r\n<\/div>\r\n<!-- ============ AUTH MODAL (register gate) ============ -->\r\n<div class=\"auth-modal\" id=\"authModal\" hidden>\r\n  <div class=\"auth-overlay\" data-close><\/div>\r\n  <div class=\"auth-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"authTitle\">\r\n    <button class=\"auth-x\" data-close aria-label=\"Kapat\">\u2715<\/button>\r\n    <h3 id=\"authTitle\">Tekstil deseninizi olu\u015fturmaya haz\u0131r m\u0131s\u0131n\u0131z?<\/h3>\r\n    <p>Desenlerinizi olu\u015fturmak, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz hesap a\u00e7\u0131n. Kredi kart\u0131 gerekmez.<\/p>\r\n    <a class=\"btn btn-primary auth-primary\" id=\"authEmail\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\u00dccretsiz Hesap Olu\u015ftur <span class=\"arr\">\u2192<\/span><\/a>\r\n    <p class=\"auth-alt\">Zaten hesab\u0131n\u0131z var m\u0131? <a href=\"https:\/\/aitools.ait.com.tr\/login\" target=\"_blank\" rel=\"noopener\">Giri\u015f yap\u0131n<\/a><\/p>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n\/* Run continuous CSS motion only near the viewport. *\/\r\n(function(){\r\n  const sections=[...document.querySelectorAll('.hero,.tools,.cta-banner')];\r\n  if(reduced||!('IntersectionObserver'in window)){\r\n    sections.forEach(section=>section.classList.add('is-in-view'));\r\n    return;\r\n  }\r\n  const motionObserver=new IntersectionObserver(entries=>{\r\n    entries.forEach(entry=>entry.target.classList.toggle('is-in-view',entry.isIntersecting));\r\n  },{rootMargin:'120px 0px',threshold:0});\r\n  sections.forEach(section=>motionObserver.observe(section));\r\n})();\r\n\r\n\/* Silent viewport playback; run only while the video is visibly on screen. *\/\r\n(function(){\r\n  const video=document.getElementById('aitShowreel');\r\n  if(!video)return;\r\n  let visible=false;\r\n\r\n  video.muted=true;\r\n  video.defaultMuted=true;\r\n  video.volume=0;\r\n\r\n  function playVideo(){\r\n    if(!visible||document.hidden)return;\r\n    const promise=video.play();\r\n    if(promise&&typeof promise.catch==='function')promise.catch(()=>{});\r\n  }\r\n  function pauseVideo(){ if(!video.paused)video.pause(); }\r\n\r\n  if('IntersectionObserver'in window){\r\n    const videoObserver=new IntersectionObserver(entries=>{\r\n      const entry=entries[0];\r\n      visible=entry.isIntersecting&&entry.intersectionRatio>=.35;\r\n      if(!visible)pauseVideo();\r\n      else playVideo();\r\n    },{threshold:[0,.35,.65]});\r\n    videoObserver.observe(video);\r\n  }else{ visible=true; playVideo(); }\r\n\r\n  document.addEventListener('visibilitychange',()=>{\r\n    if(document.hidden)pauseVideo();\r\n    else if(visible)playVideo();\r\n  });\r\n\r\n  video.addEventListener('volumechange',()=>{\r\n    if(!video.muted||video.volume!==0){ video.muted=true; video.volume=0; }\r\n  });\r\n})();\r\n\r\n\/* ============================================================\r\n   SCROLL REVEAL\r\n   The hidden state is switched on from JS, so if this never runs\r\n   the page simply renders fully visible.\r\n============================================================ *\/\r\n(function(){\r\n  const items = document.querySelectorAll('.ait-x .reveal, .ait-x .reveal-group');\r\n  if(!items.length) return;\r\n\r\n  if(reduced || !('IntersectionObserver' in window)){\r\n    items.forEach(el => el.classList.add('is-visible'));\r\n    return;\r\n  }\r\n\r\n  document.documentElement.classList.add('ait-reveal-on');\r\n\r\n  const revealObserver = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if(!entry.isIntersecting) return;\r\n      entry.target.classList.add('is-visible');\r\n      observer.unobserve(entry.target);\r\n    });\r\n  }, {rootMargin:'0px 0px -12% 0px', threshold:.12});\r\n\r\n  items.forEach(el => revealObserver.observe(el));\r\n\r\n  \/* Anything already on screen at load reveals immediately, and a\r\n     hard failsafe uncovers everything if something goes wrong. *\/\r\n  setTimeout(() => {\r\n    items.forEach(el => {\r\n      const box = el.getBoundingClientRect();\r\n      if(box.top < window.innerHeight && box.bottom > 0) el.classList.add('is-visible');\r\n    });\r\n  }, 60);\r\n\r\n  setTimeout(() => items.forEach(el => el.classList.add('is-visible')), 4000);\r\n})();\r\n\r\n\/* Count-up stats *\/\r\nfunction countUp(el){\r\n  const target=parseInt(el.dataset.count,10),dur=1400,start=performance.now();\r\n  function tick(now){const p=Math.min((now-start)\/dur,1),e=1-Math.pow(1-p,3);\r\n    el.textContent=Math.round(target*e).toLocaleString('en-US');\r\n    if(p<1)requestAnimationFrame(tick);}\r\n  requestAnimationFrame(tick);\r\n}\r\nconst counters=document.querySelectorAll('[data-count]');\r\nif('IntersectionObserver'in window&&!reduced){\r\n  const cio=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){countUp(e.target);cio.unobserve(e.target);}});},{threshold:.5});\r\n  counters.forEach(c=>cio.observe(c));\r\n}else{counters.forEach(c=>c.textContent=parseInt(c.dataset.count,10).toLocaleString('en-US'));}\r\n\r\n\/* Magnetic hero CTA (desktop pointers only) *\/\r\nconst magnet=document.getElementById('magnet');\r\nif(magnet&&!reduced&&matchMedia('(pointer:fine)').matches){\r\n  magnet.addEventListener('mousemove',e=>{const r=magnet.getBoundingClientRect();const x=(e.clientX-r.left-r.width\/2)\/(r.width\/2);const y=(e.clientY-r.top-r.height\/2)\/(r.height\/2);magnet.style.transform=`translate(${x*12}px,${y*12}px) scale(1.045)`;});\r\n  magnet.addEventListener('mouseleave',()=>magnet.style.transform='');\r\n}\r\n\r\n\/* Scroll progress *\/\r\nconst progressBar=document.querySelector('.progress');\r\nif(progressBar){\r\n  let ticking=false;\r\n  window.addEventListener('scroll',()=>{\r\n    if(ticking)return; ticking=true;\r\n    requestAnimationFrame(()=>{const max=document.documentElement.scrollHeight-innerHeight;progressBar.style.width=(max>0?(scrollY\/max)*100:0)+'%';ticking=false;});\r\n  },{passive:true});\r\n}\r\n\r\n\/* Range fill sync *\/\r\nfunction syncFill(r){const pct=((r.value-r.min)\/(r.max-r.min))*100;r.style.setProperty('--fill',pct+'%');}\r\ndocument.querySelectorAll('input[type=range]').forEach(r=>{syncFill(r);r.addEventListener('input',()=>syncFill(r));});\r\n\r\n\/* ============================================================\r\n   PATTERN LAB \u2014 generate, then explore an infinite seamless repeat\r\n============================================================ *\/\r\n(function(){\r\n  const stage = document.getElementById('plStage');\r\n  if(!stage) return;\r\n\r\n  const generate  = document.getElementById('plGenerate');\r\n  const before    = document.getElementById('plBefore');\r\n  const after     = document.getElementById('plAfter');\r\n  const loading   = document.getElementById('plLoading');\r\n  const statusEl  = document.getElementById('plStatus');\r\n  const barFill   = document.getElementById('plBarFill');\r\n  const zoomBox   = document.getElementById('plZoom');\r\n  const hint      = document.getElementById('plHint');\r\n  const tag       = document.getElementById('plTag');\r\n  const caption   = document.getElementById('plCaption');\r\n  const viewport  = document.getElementById('plViewport');\r\n  const canvas    = document.getElementById('plCanvas');\r\n  const resultImg = document.getElementById('plResultImg');\r\n  const levelEl   = document.getElementById('plLevel');\r\n  const btnIn     = document.getElementById('plIn');\r\n  const btnOut    = document.getElementById('plOut');\r\n  const btnReset  = document.getElementById('plReset');\r\n\r\n  const REGISTER_URL = 'https:\/\/aitools.ait.com.tr\/register';\r\n  const TILE_RATIO = 0.78;\r\n\r\n  let imageAspect = 1;\r\n  let timers = [];\r\n  let done = false;\r\n\r\n  function setPatternSource(){\r\n    const src = resultImg.currentSrc || resultImg.getAttribute('src') || resultImg.src;\r\n    if(src){\r\n      canvas.style.backgroundImage = 'url(\"' + src.replace(\/\"\/g, '\\\\\"') + '\")';\r\n    }\r\n    if(resultImg.naturalWidth && resultImg.naturalHeight){\r\n      imageAspect = resultImg.naturalHeight \/ resultImg.naturalWidth;\r\n    }\r\n  }\r\n\r\n  setPatternSource();\r\n  if(!resultImg.complete){\r\n    resultImg.addEventListener('load', () => {\r\n      setPatternSource();\r\n      if(done) resetView();\r\n    }, {once:true});\r\n  }\r\n\r\n  \/* ---------- generation sequence ---------- *\/\r\n  const STEPS = [\r\n    ['Tekstil promptu analiz ediliyor\u2026', 18],\r\n    ['Tekstil kompozisyonu olu\u015fturuluyor\u2026', 46],\r\n    ['Kusursuz raport haz\u0131rlan\u0131yor\u2026', 74],\r\n    ['\u00dcretime haz\u0131r dosya haz\u0131rlan\u0131yor\u2026', 94]\r\n  ];\r\n\r\n  function clearTimers(){\r\n    timers.forEach(clearTimeout);\r\n    timers = [];\r\n  }\r\n\r\n  function runGeneration(){\r\n    clearTimers();\r\n    generate.disabled = true;\r\n    loading.classList.add('is-visible');\r\n    barFill.style.width = '0%';\r\n\r\n    const unit = reduced ? 120 : 850;\r\n\r\n    STEPS.forEach(([text, pct], i) => {\r\n      timers.push(setTimeout(() => {\r\n        statusEl.textContent = text;\r\n        barFill.style.width = pct + '%';\r\n      }, i * unit));\r\n    });\r\n\r\n    timers.push(setTimeout(() => {\r\n      barFill.style.width = '100%';\r\n      statusEl.textContent = 'Tamamland\u0131.';\r\n    }, STEPS.length * unit));\r\n\r\n    timers.push(setTimeout(() => {\r\n      loading.classList.remove('is-visible');\r\n      before.classList.remove('is-active');\r\n      after.classList.add('is-active');\r\n\r\n      tag.textContent = '\u00c7\u0131kt\u0131 \u00b7 kusursuz tekstil raportu';\r\n      caption.textContent = 'Kusursuz raportu incelemek i\u00e7in s\u00fcr\u00fckleyin';\r\n      generate.innerHTML = 'Yeniden olu\u015ftur <span class=\"arr\">\u21ba<\/span>';\r\n      generate.disabled = false;\r\n\r\n      zoomBox.classList.add('is-visible');\r\n      hint.classList.add('is-visible');\r\n      timers.push(setTimeout(() => hint.classList.remove('is-visible'), 5200));\r\n\r\n      done = true;\r\n      setPatternSource();\r\n      resetView();\r\n    }, STEPS.length * unit + (reduced ? 150 : 600)));\r\n  }\r\n\r\n  generate.addEventListener('click', () => {\r\n    if(done){\r\n      window.location.assign(REGISTER_URL);\r\n      return;\r\n    }\r\n    runGeneration();\r\n  });\r\n\r\n  \/* ---------- infinite seamless zoom + pan ---------- *\/\r\n  const MIN = 1;\r\n  const MAX = 5;\r\n  let scale = 1;\r\n  let x = 0;\r\n  let y = 0;\r\n\r\n  function tileSize(){\r\n    const baseWidth = Math.max(1, viewport.clientWidth * TILE_RATIO);\r\n    const safeAspect = Number.isFinite(imageAspect) && imageAspect > 0 ? imageAspect : 1;\r\n    return {\r\n      width: baseWidth * scale,\r\n      height: baseWidth * safeAspect * scale\r\n    };\r\n  }\r\n\r\n  function apply(eased){\r\n    canvas.classList.toggle('is-eased', !!eased);\r\n\r\n    const size = tileSize();\r\n    canvas.style.backgroundSize = size.width + 'px ' + size.height + 'px';\r\n    canvas.style.backgroundPosition = x + 'px ' + y + 'px';\r\n\r\n    levelEl.textContent = Math.round(scale * 100) + '%';\r\n    btnOut.disabled = scale <= MIN + 0.001;\r\n    btnIn.disabled = scale >= MAX - 0.001;\r\n\r\n    if(eased){\r\n      setTimeout(() => canvas.classList.remove('is-eased'), 340);\r\n    }\r\n  }\r\n\r\n  function resetView(){\r\n    scale = 1;\r\n    const size = tileSize();\r\n    x = (viewport.clientWidth - size.width) \/ 2;\r\n    y = (viewport.clientHeight - size.height) \/ 2;\r\n    apply(true);\r\n  }\r\n\r\n  \/* Keep the pattern point under the cursor\/fingers fixed while zooming. *\/\r\n  function zoomAt(nextScale, px, py){\r\n    nextScale = Math.min(MAX, Math.max(MIN, nextScale));\r\n    if(Math.abs(nextScale - scale) < 0.0001) return;\r\n\r\n    const ratio = nextScale \/ scale;\r\n    x = px - (px - x) * ratio;\r\n    y = py - (py - y) * ratio;\r\n    scale = nextScale;\r\n    apply(false);\r\n  }\r\n\r\n  function zoomCentre(nextScale){\r\n    zoomAt(nextScale, viewport.clientWidth \/ 2, viewport.clientHeight \/ 2);\r\n  }\r\n\r\n  btnIn.addEventListener('click', () => zoomCentre(scale * 1.5));\r\n  btnOut.addEventListener('click', () => zoomCentre(scale \/ 1.5));\r\n  btnReset.addEventListener('click', resetView);\r\n\r\n  viewport.addEventListener('wheel', event => {\r\n    if(!done) return;\r\n    event.preventDefault();\r\n    const rect = viewport.getBoundingClientRect();\r\n    const factor = event.deltaY < 0 ? 1.14 : 1 \/ 1.14;\r\n    zoomAt(scale * factor, event.clientX - rect.left, event.clientY - rect.top);\r\n  }, {passive:false});\r\n\r\n  \/* Mouse, pen and touch drag + two-finger pinch. *\/\r\n  const pointers = new Map();\r\n  let startX = 0;\r\n  let startY = 0;\r\n  let originX = 0;\r\n  let originY = 0;\r\n  let pinchStart = 0;\r\n  let pinchScale = 1;\r\n\r\n  viewport.addEventListener('pointerdown', event => {\r\n    if(!done) return;\r\n    event.preventDefault();\r\n\r\n    try{ viewport.setPointerCapture(event.pointerId); }catch(error){}\r\n    pointers.set(event.pointerId, {x:event.clientX, y:event.clientY});\r\n\r\n    if(pointers.size === 1){\r\n      startX = event.clientX;\r\n      startY = event.clientY;\r\n      originX = x;\r\n      originY = y;\r\n      viewport.classList.add('is-panning');\r\n    }else if(pointers.size === 2){\r\n      const [a, b] = [...pointers.values()];\r\n      pinchStart = Math.hypot(a.x - b.x, a.y - b.y);\r\n      pinchScale = scale;\r\n    }\r\n  });\r\n\r\n  viewport.addEventListener('pointermove', event => {\r\n    if(!done || !pointers.has(event.pointerId)) return;\r\n    event.preventDefault();\r\n    pointers.set(event.pointerId, {x:event.clientX, y:event.clientY});\r\n\r\n    if(pointers.size === 1){\r\n      x = originX + (event.clientX - startX);\r\n      y = originY + (event.clientY - startY);\r\n      apply(false);\r\n    }else if(pointers.size === 2 && pinchStart){\r\n      const [a, b] = [...pointers.values()];\r\n      const distance = Math.hypot(a.x - b.x, a.y - b.y);\r\n      const rect = viewport.getBoundingClientRect();\r\n      zoomAt(\r\n        pinchScale * (distance \/ pinchStart),\r\n        (a.x + b.x) \/ 2 - rect.left,\r\n        (a.y + b.y) \/ 2 - rect.top\r\n      );\r\n    }\r\n  });\r\n\r\n  function release(event){\r\n    pointers.delete(event.pointerId);\r\n\r\n    if(pointers.size < 2) pinchStart = 0;\r\n\r\n    if(pointers.size === 1){\r\n      const [remaining] = [...pointers.values()];\r\n      startX = remaining.x;\r\n      startY = remaining.y;\r\n      originX = x;\r\n      originY = y;\r\n      viewport.classList.add('is-panning');\r\n    }else if(pointers.size === 0){\r\n      viewport.classList.remove('is-panning');\r\n    }\r\n  }\r\n\r\n  viewport.addEventListener('pointerup', release);\r\n  viewport.addEventListener('pointercancel', release);\r\n  viewport.addEventListener('lostpointercapture', release);\r\n\r\n  \/* Double click \/ double tap: reset \u2194 2.5\u00d7. *\/\r\n  viewport.addEventListener('dblclick', event => {\r\n    if(!done) return;\r\n    const rect = viewport.getBoundingClientRect();\r\n    if(scale > 1.05){\r\n      resetView();\r\n    }else{\r\n      zoomAt(2.5, event.clientX - rect.left, event.clientY - rect.top);\r\n    }\r\n  });\r\n\r\n  window.addEventListener('resize', () => {\r\n    if(done) resetView();\r\n  });\r\n\r\n  resetView();\r\n})();\r\n\/* Archivist browser: filter by tag or search text *\/\r\n(function(){\r\n  const grid=document.getElementById('archGrid');if(!grid)return;\r\n  const search=document.getElementById('archSearch');\r\n  const tags=[...document.querySelectorAll('#archTags .arch-chip')];\r\n  const tiles=[...grid.querySelectorAll('.arch-tile')];\r\n  const num=document.getElementById('archNum');\r\n  const empty=document.getElementById('archEmpty');\r\n  function filter(q){\r\n    q=(q||'').trim().toLowerCase();\r\n    let shown=0;\r\n    tiles.forEach(t=>{\r\n      const hit=!q||t.dataset.tags.includes(q);\r\n      t.classList.toggle('hide',!hit);\r\n      if(hit)shown++;\r\n    });\r\n    num.textContent=shown;\r\n    empty.classList.toggle('show',shown===0);\r\n  }\r\n  tags.forEach(chip=>chip.addEventListener('click',()=>{\r\n    tags.forEach(c=>c.setAttribute('aria-pressed',c===chip?'true':'false'));\r\n    search.value='';\r\n    filter(chip.dataset.tag);\r\n  }));\r\n  search.addEventListener('input',()=>{\r\n    tags.forEach(c=>c.setAttribute('aria-pressed',c.dataset.tag===''?'true':'false'));\r\n    filter(search.value);\r\n  });\r\n})();\r\n\r\n\/* ROI *\/\r\n(function(){\r\n  const range=document.getElementById('roiRange');if(!range)return;\r\n  const nEl=document.getElementById('roiN'),hEl=document.getElementById('roiHours'),eEl=document.getElementById('roiExtra'),dEl=document.getElementById('roiDays');\r\n  const SAVED=33,AIT=15;\r\n  function pop(el){el.classList.remove('pop');void el.offsetWidth;el.classList.add('pop');}\r\n  function calc(){const n=parseInt(range.value,10),sm=n*SAVED,h=Math.round(sm\/60);nEl.textContent=n;hEl.textContent=h;eEl.textContent=Math.floor(sm\/AIT);dEl.textContent=Math.round((h*12)\/8);[hEl,eEl,dEl].forEach(pop);}\r\n  range.addEventListener('input',calc);calc();\r\n})();\r\n\r\n\/* Hero: rotating H1 (typewriter) *\/\r\n(function(){\r\n  const el=document.getElementById('rotText');if(!el)return;\r\n  const hero=el.closest('.hero');\r\n  const phrases=['kusursuz tekstil desenleri olu\u015fturun','\u00fcretime haz\u0131r raportlu desenler haz\u0131rlay\u0131n','ayn\u0131 deseni kolayca farkl\u0131 renklerde tasarlay\u0131n','bask\u0131ya haz\u0131r desen varyasyonlar\u0131 \u00fcretin'];\r\n  if(reduced){el.textContent=phrases[0];return;}\r\n  let pi=0,ci=0,deleting=false,active=false,timer=null;\r\n  function schedule(delay){\r\n    if(!active)return;\r\n    clearTimeout(timer); timer=setTimeout(step,delay);\r\n  }\r\n  function step(){\r\n    timer=null;if(!active)return;\r\n    const w=phrases[pi];\r\n    if(deleting){\r\n      ci=Math.max(0,ci-(ci>8?2:1));\r\n      el.textContent=w.slice(0,ci);\r\n      if(ci===0){ pi=(pi+1)%phrases.length; deleting=false; }\r\n      schedule(ci===0?420:34);\r\n      return;\r\n    }\r\n    el.textContent=w.slice(0,++ci);\r\n    if(ci===w.length){ deleting=true; schedule(3200); return; }\r\n    schedule(90);\r\n  }\r\n  function setActive(visible){\r\n    if(active===visible)return;\r\n    active=visible;\r\n    if(active)schedule(80);\r\n    else{ clearTimeout(timer); timer=null; }\r\n  }\r\n  if('IntersectionObserver'in window){\r\n    const typeObserver=new IntersectionObserver(entries=>setActive(entries[0].isIntersecting),{threshold:.05});\r\n    typeObserver.observe(hero);\r\n  }else setActive(true);\r\n})();\r\n\r\n\/* Hero: dice, model selector, Create \u2192 register modal *\/\r\n(function(){\r\n  const box=document.getElementById('promptBox');if(!box)return;\r\n  const ta=document.getElementById('promptTa');\r\n  const create=document.getElementById('heroCreate');\r\n  const dice=document.getElementById('diceBtn');\r\n  const modelBtn=document.getElementById('modelBtn');\r\n  const modelMenu=document.getElementById('modelMenu');\r\n  const modelLabel=document.getElementById('modelLabel');\r\n  const opts=[...modelMenu.querySelectorAll('.model-opt')];\r\n  const modal=document.getElementById('authModal');\r\n  const promptError=document.getElementById('promptError');\r\n  const genModal=document.getElementById('genModal');\r\n  const genClose=document.getElementById('genClose');\r\n  const genTitle=document.getElementById('genTitle');\r\n  const genStatus=document.getElementById('genStatus');\r\n  const genCards=[...document.querySelectorAll('#genModal .gen-card')];\r\n  const genImgs=[...document.querySelectorAll('#genModal .gen-card img')];\r\n  const genContinue=document.getElementById('genContinue');\r\n  const genNote=document.getElementById('genNote');\r\n  const emailBtn=document.getElementById('authEmail');\r\n  const title=document.getElementById('authTitle');\r\n  const desc=modal.querySelector('.auth-card > p');\r\n  const REG='https:\/\/aitools.ait.com.tr\/register';\r\n  let tool='text-to-pattern', toolLabel='Text to Pattern', lastFocus=null, genLastFocus=null, genTimers=[];\r\n\r\n  \/* auto-grow textarea *\/\r\n  ta.addEventListener('input',()=>{\r\n    ta.style.height='auto'; ta.style.height=Math.min(ta.scrollHeight,180)+'px';\r\n    if(ta.value.trim()){\r\n      box.classList.remove('is-invalid'); promptError.hidden=true; ta.removeAttribute('aria-invalid');\r\n    }\r\n  });\r\n\r\n  \/* dice: insert a random example prompt *\/\r\n  const SAMPLES=[\r\n    \"kusursuz raportlu halk sanat\u0131 \u00e7i\u00e7ek deseni, \u00e7ivit mavisi ve krem, orta \u00f6l\u00e7ek\",\r\n    \"art deco geometrik desen, antrasit \u00fczerine alt\u0131n, s\u0131k\u0131 raport\",\r\n    \"sulu boya \u015fakay\u0131k deseni, yumu\u015fak pastel tonlar, b\u00fcy\u00fck \u00f6l\u00e7ek\",\r\n    \"70'ler retro papatya deseni, hardal ve yan\u0131k turuncu, iddial\u0131 raport\",\r\n    \"barok damask deseni, koyu ye\u015fil \u00fczerine fildi\u015fi, zengin k\u0131vr\u0131mlar\",\r\n    \"soyut terrazzo dokusu, toprak tonlar\u0131, k\u00fc\u00e7\u00fck motif\",\r\n    \"botanik e\u011frelti ve okalipt\u00fcs, ada\u00e7ay\u0131 ye\u015fili, ferah yerle\u015fim\",\r\n    \"\u015fal deseni, m\u00fccevher tonlar\u0131, yo\u011fun geleneksel yerle\u015fim\",\r\n    \"minimal ton s\u00fcr ton puantiye, kemik \u00fczerine krem, k\u00fc\u00e7\u00fck d\u00fczenli grid\",\r\n    \"tropikal deve taban\u0131 yapra\u011f\u0131, z\u00fcmr\u00fct ve teal, b\u00fcy\u00fck \u00f6l\u00e7ekli raport\"\r\n  ];\r\n  let lastSample=-1;\r\n  dice.addEventListener('click',()=>{\r\n    let i; do{ i=Math.floor(Math.random()*SAMPLES.length); }while(i===lastSample&&SAMPLES.length>1);\r\n    lastSample=i;\r\n    ta.value=SAMPLES[i];\r\n    ta.dispatchEvent(new Event('input'));\r\n    dice.classList.remove('roll'); void dice.offsetWidth; dice.classList.add('roll');\r\n    ta.focus();\r\n  });\r\n\r\n  \/* model dropdown *\/\r\n  function openMenu(){ modelMenu.hidden=false; modelBtn.setAttribute('aria-expanded','true'); document.addEventListener('click',outside); }\r\n  function closeMenu(){ modelMenu.hidden=true; modelBtn.setAttribute('aria-expanded','false'); document.removeEventListener('click',outside); }\r\n  function outside(e){ if(!document.getElementById('modelSelect').contains(e.target))closeMenu(); }\r\n  modelBtn.addEventListener('click',e=>{ e.stopPropagation(); modelMenu.hidden?openMenu():closeMenu(); });\r\n\r\n  opts.forEach(opt=>opt.addEventListener('click',()=>{\r\n    if(opt.dataset.locked==='1'){\r\n      closeMenu();\r\n      openModal(opt.dataset.tool, opt.querySelector('.txt').childNodes[0].textContent.trim(), true);\r\n    }else{\r\n      opts.forEach(o=>o.setAttribute('aria-selected','false'));\r\n      opt.setAttribute('aria-selected','true');\r\n      tool=opt.dataset.tool; toolLabel='Text to Pattern'; modelLabel.textContent=toolLabel;\r\n      closeMenu(); ta.focus();\r\n    }\r\n  }));\r\n\r\n  \/* prompt validation + simulated generation *\/\r\n  const RESULT_IMAGES=[\r\n    'https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/watercolor-pattern.webp',\r\n    'https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern.webp',\r\n    'https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/Folk-art-style.webp',\r\n    'https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/retro-pattern.webp',\r\n    'https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/dreamlike-pattern.webp',\r\n    'https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern-2.webp',\r\n    'https:\/\/ai.ait.com.tr\/tr\/\/wp-content\/uploads\/2026\/03\/baraque-pattern.webp',\r\n    'https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/03\/moodboard-pattern-6.webp'\r\n  ];\r\n  function validatePrompt(){\r\n    if(ta.value.trim())return true;\r\n    box.classList.remove('is-invalid'); void box.offsetWidth; box.classList.add('is-invalid');\r\n    promptError.hidden=false; ta.setAttribute('aria-invalid','true'); ta.focus();\r\n    return false;\r\n  }\r\n  function clearGenTimers(){ genTimers.forEach(clearTimeout); genTimers=[]; }\r\n  function closeGeneration(restoreFocus=true){\r\n    clearGenTimers(); genModal.hidden=true; create.disabled=false;\r\n    document.body.style.overflow=''; document.removeEventListener('keydown',onGenKey);\r\n    if(restoreFocus&&genLastFocus)genLastFocus.focus();\r\n  }\r\n  function onGenKey(e){ if(e.key==='Escape')closeGeneration(); }\r\n  function startGeneration(){\r\n    if(!validatePrompt())return;\r\n    closeMenu(); clearGenTimers(); genLastFocus=document.activeElement; create.disabled=true;\r\n    const results=[...RESULT_IMAGES].sort(()=>Math.random()-.5).slice(0,5);\r\n    genImgs.forEach((img,i)=>img.src=results[i]);\r\n    genCards.forEach(card=>card.classList.remove('is-ready'));\r\n    genTitle.textContent='Kusursuz raportlu desen \u00f6nizlemeleriniz haz\u0131rlan\u0131yor';\r\n    genStatus.textContent='Promptunuz analiz ediliyor ve kusursuz tekstil raportlar\u0131 haz\u0131rlan\u0131yor\u2026';\r\n    genContinue.hidden=true; genNote.hidden=true; genModal.hidden=false;\r\n    document.body.style.overflow='hidden'; document.addEventListener('keydown',onGenKey); genClose.focus();\r\n    genCards.forEach((card,i)=>{\r\n      const delay=reduced?(i+1)*90:850+(i*430);\r\n      genTimers.push(setTimeout(()=>{\r\n        card.classList.add('is-ready');\r\n        if(i<genCards.length-1){\r\n          genStatus.textContent=(i+1)+' \/ 5 desen haz\u0131r. Bir sonraki varyasyon olu\u015fturuluyor\u2026';\r\n        }else{\r\n          genTitle.textContent='Desenleriniz haz\u0131r';\r\n          genStatus.textContent='5 varyasyon olu\u015fturuldu ve kilitlendi. G\u00f6rmek i\u00e7in \u00fccretsiz hesap a\u00e7\u0131n.';\r\n          genContinue.hidden=false; genNote.hidden=false; genContinue.focus();\r\n        }\r\n      },delay));\r\n    });\r\n  }\r\n\r\n  \/* modal *\/\r\n  function openModal(t,label,locked){\r\n    t=t||tool; label=label||toolLabel;\r\n    if(locked){\r\n      title.textContent=label+' Pro bir ara\u00e7t\u0131r';\r\n      desc.textContent=label+' arac\u0131n\u0131 ve t\u00fcm AIT ara\u00e7 setini a\u00e7mak i\u00e7in \u00fccretsiz hesap olu\u015fturun \u2014 kredi kart\u0131 gerekmez.';\r\n    }else{\r\n      title.textContent='Desenlerinizin kilidini a\u00e7\u0131n';\r\n      desc.textContent='Be\u015f varyasyonu g\u00f6rmek, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz hesap olu\u015fturun \u2014 kredi kart\u0131 gerekmez.';\r\n    }\r\n    let url=REG+'?tool='+encodeURIComponent(t);\r\n    const p=ta.value.trim();\r\n    if(p&&!locked) url+='&prompt='+encodeURIComponent(p.slice(0,300));\r\n    emailBtn.setAttribute('href',url);\r\n    lastFocus=document.activeElement;\r\n    modal.hidden=false; document.addEventListener('keydown',onKey); emailBtn.focus();\r\n  }\r\n  function closeModal(){ modal.hidden=true; document.removeEventListener('keydown',onKey); if(lastFocus)lastFocus.focus(); }\r\n  function onKey(e){ if(e.key==='Escape')closeModal(); }\r\n\r\n  create.addEventListener('click',startGeneration);\r\n  ta.addEventListener('keydown',e=>{ if((e.metaKey||e.ctrlKey)&&e.key==='Enter')startGeneration(); });\r\n  genClose.addEventListener('click',()=>closeGeneration());\r\n  genContinue.addEventListener('click',()=>openModal(tool,toolLabel,false));\r\n  modal.querySelectorAll('[data-close]').forEach(x=>x.addEventListener('click',closeModal));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-579f8a13 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"579f8a13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef56e12 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"4ef56e12\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"SoftwareApplication\",\r\n      \"@id\": \"https:\/\/ai.ait.com.tr\/tr\/\/#software\",\r\n      \"name\": \"AIT AI Tools Ecosystem\",\r\n      \"description\": \"A professional, end-to-end digital design ecosystem powered by proprietary AI models trained exclusively on authentic textile patterns for fashion, home textiles, and industrial production.\",\r\n      \"applicationCategory\": \"DesignApplication\",\r\n      \"operatingSystem\": \"Web Browser\",\r\n      \"author\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"AIT AI Tools\",\r\n        \"url\": \"https:\/\/ai.ait.com.tr\/tr\/\/\",\r\n        \"sameAs\": [\r\n          \"https:\/\/www.linkedin.com\/company\/ait-digital\",\r\n          \"https:\/\/www.instagram.com\/ait.digital\",\r\n          \"https:\/\/www.youtube.com\/@AITDigital\"\r\n        ]\r\n      },\r\n      \"featureList\": [\r\n        \"Proprietary Textile-Specific AI Models\",\r\n        \"End-to-end Digital Design Workflow\",\r\n        \"Pantone Color-Sensitive Prompt Management\",\r\n        \"2D and 3D Fabric Draping Technologies\",\r\n        \"Print-Ready High-Resolution Outputs\"\r\n      ]\r\n    },\r\n    {\r\n      \"@type\": \"FAQPage\",\r\n      \"@id\": \"https:\/\/ai.ait.com.tr\/tr\/\/#faq\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Which AI model does AIT AI Tools use?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Our AI model was developed entirely using our own proprietary models, trained with hundreds of thousands of authentic textile patterns specifically for the industry. Unlike generic AI, it is built upon a foundation of real textile pattern archives and specialized parameters to produce production-ready designs.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Which industries can benefit from AIT AI solutions?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"AIT AI Tools optimizes processes for clothing, fashion, and home textiles. It offers an AI architecture that understands production constraints, providing seamless tiling, technical color separation, and realistic 2D\/3D mockup solutions for e-commerce and manufacturing.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the difference between AIT AI Tools and other AI tools?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"While general AI tools generate basic visuals, AIT AI offers an ecosystem optimized for the technical requirements of the textile industry. It ensures collection integrity through Pantone color-sensitive management, similar pattern generation, and moodboard integration.\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tekstil desinat\u00f6rleri ve tasar\u0131m ekipleri i\u00e7in yapay zek\u00e2 ara\u00e7lar\u0131 Yapay zek\u00e2 ile&nbsp;kusursuz tekstil desenleri olu\u015fturun Bir promptu \u00fcretime haz\u0131r, raportlu bir tekstil desenine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn \u2014 tek platformda. L\u00fctfen olu\u015fturmak istedi\u011finiz tekstil desenini anlat\u0131n. Text to Pattern Text to PatternSe\u00e7ili ImagineKullanmak i\u00e7in kay\u0131t olun Style TransferKullanmak i\u00e7in kay\u0131t olun ExpandKullanmak i\u00e7in kay\u0131t olun Pattern ExtractorKullanmak i\u00e7in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19611","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/19611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/comments?post=19611"}],"version-history":[{"count":48,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/19611\/revisions"}],"predecessor-version":[{"id":20367,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/19611\/revisions\/20367"}],"wp:attachment":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/media?parent=19611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}