{"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-04T18:14:08","modified_gmt":"2026-08-04T15:14:08","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\">\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 conversion-focused landing page embed (WordPress \/ Elementor Free)\r\n     Paste this ENTIRE block into ONE \"HTML\" widget.\r\n     Page layout: \"Elementor Full Width\", parent container padding\/gap = 0.\r\n     T\u00fcm\u00fc 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(3.5rem,8vw,6.5rem) 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.ait-x .hero-proof{\r\n  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.55rem 1rem;\r\n  margin-top:-.25rem; color:var(--tx-3); font-family:var(--mono); font-size:.67rem; letter-spacing:.03em;\r\n}\r\n.ait-x .hero-proof span{ display:inline-flex; align-items:center; gap:.45rem; }\r\n.ait-x .hero-proof span::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px rgba(72,198,163,.45); }\r\n\r\n\/* Compact trust bridge between the promise and the product proof. *\/\r\n.ait-x .trust-strip{ position:relative; z-index:2; background:transparent; }\r\n.ait-x .trust-shell{\r\n  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));\r\n  border:1px solid rgba(72,198,163,.18); border-radius:22px;\r\n  background:linear-gradient(145deg,rgba(18,45,36,.66),rgba(8,20,16,.82));\r\n  box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);\r\n  overflow:hidden;\r\n}\r\n.ait-x .trust-item{ position:relative; padding:1.2rem 1.25rem; text-align:center; }\r\n.ait-x .trust-item + .trust-item::before{ content:''; position:absolute; left:0; top:22%; bottom:22%; width:1px; background:var(--line); }\r\n.ait-x .trust-item b{ display:block; color:var(--mint-bright); font-family:var(--mono); font-size:clamp(1.05rem,1.8vw,1.45rem); font-weight:600; line-height:1.1; }\r\n.ait-x .trust-item span{ display:block; margin-top:.35rem; color:var(--tx-3); font-size:.72rem; line-height:1.35; }\r\n@media (max-width:760px){\r\n  .ait-x .trust-shell{ grid-template-columns:1fr 1fr; }\r\n  .ait-x .trust-item:nth-child(3)::before{ display:none; }\r\n  .ait-x .trust-item:nth-child(n+3){ border-top:1px solid var(--line); }\r\n}\r\n@media (max-width:460px){\r\n  .ait-x .trust-shell{ grid-template-columns:1fr; }\r\n  .ait-x .trust-item + .trust-item::before{ display:none; }\r\n  .ait-x .trust-item:nth-child(n+2){ border-top:1px solid var(--line); }\r\n}\r\n\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:2.6rem; 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; flex-shrink:0; 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  .ait-x .prompt-bar{ flex-wrap:nowrap; gap:.5rem; }\r\n  .ait-x .prompt-left{ width:auto; flex:0 0 auto; }\r\n  .ait-x .model-select{ flex:0 0 auto; }\r\n  .ait-x .model-btn{ width:auto; padding:0 .6rem; gap:.35rem; }\r\n  .ait-x .model-btn #modelLabel{ display:none; }\r\n  .ait-x .prompt-actions{ width:auto; flex:1; }\r\n  .ait-x .prompt-create{ flex:1; width:auto; }\r\n  .ait-x .model-menu{ left:0; right:auto; min-width:230px; }\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-card.is-ready.is-preview{ border-color:rgba(95,227,188,.65); box-shadow:0 24px 55px rgba(0,0,0,.38),0 0 30px rgba(72,198,163,.16); }\r\n.ait-x .gen-card.is-ready.is-preview img{ filter:none; transform:scale(1.02); opacity:1; }\r\n.ait-x .gen-card.is-ready.is-preview::before{\r\n  content:'FREE PREVIEW'; position:absolute; z-index:3; left:.55rem; top:.55rem;\r\n  padding:.3rem .5rem; border:1px solid rgba(95,227,188,.28); border-radius:999px;\r\n  background:rgba(4,17,13,.76); color:var(--mint-bright); font-family:var(--mono);\r\n  font-size:.52rem; letter-spacing:.08em; line-height:1; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);\r\n}\r\n.ait-x .gen-card.is-ready.is-preview .gen-ready-mark{ display:none; }\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; }\r\n.ait-x .video-head{ max-width:760px; margin:0 auto clamp(2rem,4vw,3.2rem); text-align:center; }\r\n.ait-x .video-head .eyebrow{ justify-content:center; }\r\n.ait-x .video-head h2{ margin:.9rem 0 0; font-size:clamp(2rem,3.8vw,3.8rem); line-height:1.04; text-wrap:balance; }\r\n.ait-x .video-head p{ max-width:54ch; margin:1rem auto 0; color:var(--tx-2); font-size:1.02rem; }\r\n.ait-x .video-shell{ position:relative; max-width:1120px; margin:0 auto; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }\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: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\/* reveal (kept visible by default so nothing can get stuck hidden on mobile\/Elementor) *\/\r\n.ait-x .reveal{ opacity:1; transform:none; }\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{ 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, \u00fcretime haz\u0131r tekstil desenleri olu\u015fturun<\/span><span class=\"rot-caret\" aria-hidden=\"true\"><\/span><\/h1>\r\n    <p class=\"lede\">Bir promptu kusursuz ve \u00fcretime haz\u0131r bir tekstil desenine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn; deseninizi tek platformda d\u00fczenleyin, raportlay\u0131n, renklendirin ve g\u00f6rselle\u015ftirin.<\/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 tarif edin\u2026\"><\/textarea>\r\n      <span class=\"prompt-error\" id=\"promptError\" role=\"alert\" hidden>L\u00fctfen olu\u015fturmak istedi\u011finiz tekstil desenini tarif edin.<\/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=\"Bir 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=\"Rastgele prompt olu\u015ftur\" 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\">\u00dccretsiz Desen \u00d6nizlemesi Olu\u015ftur <span class=\"arr\">\u2192<\/span><\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-proof\" aria-label=\"\u00dccretsiz plan ve kredi bilgileri\">\r\n      <span>\u00dccretsiz kay\u0131t<\/span><span>G\u00fcnl\u00fck 5 kredi<\/span><span>Kredi kart\u0131 gerekmez<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TRUST STRIP ============ -->\r\n<section class=\"trust-strip\" aria-label=\"AIT AI Tools kullan\u0131m ve deneyim verileri\">\r\n  <div class=\"wrap\">\r\n    <div class=\"trust-shell\">\r\n      <div class=\"trust-item\"><b>2,750+<\/b><span>AI kullan\u0131c\u0131s\u0131<\/span><\/div>\r\n      <div class=\"trust-item\"><b>750K+<\/b><span>tamamlanan AI i\u015flemi<\/span><\/div>\r\n      <div class=\"trust-item\"><b>30+ y\u0131l<\/b><span>tekstil \u00fcretim deneyimi<\/span><\/div>\r\n      <div class=\"trust-item\"><b>18 ara\u00e7<\/b><span>tekstil odakl\u0131 tek ekosistemde<\/span><\/div>\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\">\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          \u00dccretsiz Desen \u00d6nizlemesi Olu\u015ftur <span class=\"arr\">\u2192<\/span>\r\n        <\/button>\r\n        <span class=\"cta-micro\" id=\"plCaption\">Bu \u00f6nizleme i\u00e7in hesap gerekmez<\/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<!-- ============ VIDEO SHOWCASE ============ -->\r\n<section class=\"video-showcase section-pad\" id=\"showreel\">\r\n  <div class=\"wrap\">\r\n    <div class=\"video-head\">\r\n      <span class=\"eyebrow\">Desen fikrinden \u00fcretime<\/span>\r\n      <h2>Tekstil desen i\u015f ak\u0131\u015f\u0131n\u0131 ad\u0131m ad\u0131m izleyin.<\/h2>\r\n      <p>Yarat\u0131c\u0131 bir fikrin yapay zek\u00e2 ile desen \u00fcretiminden d\u00fczenleme ve kusursuz raport haz\u0131rl\u0131\u011f\u0131na kadar tek profesyonel i\u015f ak\u0131\u015f\u0131nda nas\u0131l ilerledi\u011fini g\u00f6r\u00fcn.<\/p>\r\n    <\/div>\r\n    <div class=\"video-shell\">\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 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<!-- ============ TOOLS SHOWCASE (marquee) ============ -->\r\n<section class=\"tools section-pad\" id=\"tools\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\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\" 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 kusursuz tekstil deseni \u00e7\u0131kt\u0131s\u0131\" 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\">\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\">\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\">dk<\/span><span class=\"stat-arrow\">\u2192<\/span><span data-count=\"15\">0<\/span><span class=\"unit\">dk<\/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\">\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\" 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\u015fivinde aray\u0131n \u2014 \u201c\u00e7i\u00e7ek\u201d, \u201cgeometrik\u201d, \u201cbarok\u201d yazmay\u0131 deneyin\u2026\" aria-label=\"Desen ar\u015fivinde 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=\"\u00e7i\u00e7ek\" aria-pressed=\"false\">\u00c7i\u00e7ek<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"geometrik\" aria-pressed=\"false\">Geometrik<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"sulu boya\" aria-pressed=\"false\">Sulu boya<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"halk sanat\u0131\" aria-pressed=\"false\">Halk sanat\u0131<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"barok\" aria-pressed=\"false\">Barok<\/button>\r\n        <button class=\"arch-chip\" data-tag=\"soyut\" aria-pressed=\"false\">Soyut<\/button>\r\n      <\/div>\r\n      <div class=\"arch-grid\" id=\"archGrid\">\r\n        <div class=\"arch-tile\" data-tags=\"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=\"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=\"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 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=\"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=\"\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=\"\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=\"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=\"\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=\"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\">\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\">\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\">\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...<\/p>\r\n    <div class=\"gen-results\" aria-label=\"Yapay zek\u00e2 ile olu\u015fturulan tekstil deseni \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>\u00dccretsiz Deseninize Devam Edin <span class=\"arr\">&rarr;<\/span><\/button>\r\n    <span class=\"cta-micro gen-note\" id=\"genNote\" hidden>Bir \u00f6nizlemenin kilidi a\u00e7\u0131ld\u0131. T\u00fcm desen varyasyonlar\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz hesap olu\u015fturun.<\/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.querySelectorT\u00fcm\u00fc('.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\/* 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('tr-TR');\r\n    if(p<1)requestAnimationFrame(tick);}\r\n  requestAnimationFrame(tick);\r\n}\r\nconst counters=document.querySelectorT\u00fcm\u00fc('[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('tr-TR'));}\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.querySelectorT\u00fcm\u00fc('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    ['Desen 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 = '\u00dccretsiz Deseninize Devam Edin <span class=\"arr\">\u2192<\/span>';\r\n      generate.setAttribute('aria-label', '\u00dccretsiz hesap olu\u015fturun ve AIT AI Tools ile devam edin');\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.querySelectorT\u00fcm\u00fc('#archTags .arch-chip')];\r\n  const tiles=[...grid.querySelectorT\u00fcm\u00fc('.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, \u00fcretime haz\u0131r tekstil desenleri olu\u015fturun','raportlanabilir desenleri dakikalar i\u00e7inde haz\u0131rlay\u0131n','bask\u0131ya haz\u0131r desen varyasyonlar\u0131 \u00fcretin','s\u0131f\u0131rdan ba\u015flamadan yeni renk varyantlar\u0131 olu\u015fturun'];\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.querySelectorT\u00fcm\u00fc('.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.querySelectorT\u00fcm\u00fc('#genModal .gen-card')];\r\n  const genImgs=[...document.querySelectorT\u00fcm\u00fc('#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 halk sanat\u0131 \u00e7i\u00e7ek deseni, indigo ve ekru, orta \u00f6l\u00e7ekli raport\",\r\n    \"art deco geometrik desen, antrasit \u00fczerinde alt\u0131n, s\u0131k raport\",\r\n    \"sulu boya \u015fakay\u0131k \u00e7i\u00e7ekleri, yumu\u015fak pastel tonlar, b\u00fcy\u00fck \u00f6l\u00e7ek\",\r\n    \"70\u2019ler retro papatya deseni, hardal ve yan\u0131k turuncu, belirgin raport\",\r\n    \"barok damask desen, koyu ye\u015fil \u00fczerinde fildi\u015fi, s\u00fcsl\u00fc k\u0131vr\u0131mlar\",\r\n    \"soyut terrazzo benekleri, yumu\u015fak toprak tonlar\u0131, k\u00fc\u00e7\u00fck motif\",\r\n    \"botanik e\u011frelti otu ve okalipt\u00fcs, ada\u00e7ay\u0131 ye\u015fili, ferah yerle\u015fim\",\r\n    \"\u015fal damlas\u0131 paisley, m\u00fccevher tonlar\u0131, yo\u011fun geleneksel yerle\u015fim\",\r\n    \"minimal ton s\u00fcr ton puantiye, kemik zemin \u00fczerinde krem, k\u00fc\u00e7\u00fck d\u00fczenli \u0131zgara\",\r\n    \"tropikal monstera yapraklar\u0131, z\u00fcmr\u00fct ve turkuaz, 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','is-preview'));\r\n    genTitle.textContent='\u00dccretsiz tekstil deseni \u00f6nizlemeniz haz\u0131rlan\u0131yor';\r\n    genStatus.textContent='Promptunuz analiz ediliyor ve kusursuz tekstil deseni varyasyonlar\u0131 haz\u0131rlan\u0131yor...';\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. Sonraki varyasyon olu\u015fturuluyor...';\r\n        }else{\r\n          genCards[0].classList.add('is-preview');\r\n          genTitle.textContent='\u00dccretsiz tekstil deseni \u00f6nizlemeniz haz\u0131r';\r\n          genStatus.textContent='Bir varyasyonun kilidi a\u00e7\u0131ld\u0131. T\u00fcm desen setini g\u00f6r\u00fcnt\u00fclemek, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz devam edin.';\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+' bir Pro arac\u0131d\u0131r';\r\n      desc.textContent=label+' ve t\u00fcm AIT ara\u00e7lar\u0131n\u0131n kilidini a\u00e7mak i\u00e7in \u00fccretsiz hesap olu\u015fturun. Kredi kart\u0131 gerekmez.';\r\n    }else{\r\n      title.textContent='\u00dccretsiz deseninizle devam edin';\r\n      desc.textContent='Varyasyonlar\u0131n\u0131z\u0131 g\u00f6r\u00fcnt\u00fclemek, kaydetmek ve d\u0131\u015fa aktarmak i\u00e7in \u00fccretsiz hesap olu\u015fturun. 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.querySelectorT\u00fcm\u00fc('[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 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-widget elementor-widget-html\" data-id=\"4ef56e12\" 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<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, \u00fcretime haz\u0131r tekstil desenleri olu\u015fturun Bir promptu kusursuz ve \u00fcretime haz\u0131r bir tekstil desenine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn; deseninizi tek platformda d\u00fczenleyin, raportlay\u0131n, renklendirin ve g\u00f6rselle\u015ftirin. L\u00fctfen olu\u015fturmak istedi\u011finiz tekstil desenini tarif edin. Text to Pattern Text to PatternSe\u00e7ili ImagineKullanmak i\u00e7in kay\u0131t olun Style TransferKullanmak 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":36,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/19611\/revisions"}],"predecessor-version":[{"id":20349,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/19611\/revisions\/20349"}],"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}]}}