/* /ankara-yapay-zeka-firmalari — ankara-server-companies.css (.asr) üzerine yapay zekaya özel bileşenler */



/* ---- Hero: kurum asistanı maketi ---- */
.aai-chat{display:flex;flex-direction:column;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;background-color:#0b1020}
.aai-chat__bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.06);background-color:#111729}
.aai-chat__bar>span:nth-child(2){flex:1;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.aai-chat__bar strong{display:block;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--white)}
.aai-chat__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100px;background-color:var(--azure-radiance-500);color:var(--white)}
.aai-chat__live{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-12);color:var(--slate-300)}
.aai-chat__live .asr-rack__led{width:8px;height:8px}
.aai-chat__body{display:flex;flex-direction:column;gap:14px;padding:20px}
.aai-chat__msg{max-width:85%;padding:12px 14px;border-radius:8px;font-size:var(--font-size-14);line-height:var(--line-height-20)}
.aai-chat__msg--user{align-self:flex-end;border-bottom-right-radius:4px;background-color:var(--azure-radiance-500);color:var(--white)}
.aai-chat__msg--ai{display:flex;flex-direction:column;gap:12px;width:85%;border-bottom-left-radius:4px;background-color:#111729}
.aai-chat__lines{display:flex;flex-direction:column;gap:8px}
.aai-chat__lines i{display:block;height:8px;border-radius:6px;background-color:hsla(0,0%,100%,.1)}
.aai-chat__lines i:nth-child(2){width:80%}
.aai-chat__lines i:nth-child(3){width:55%}
.aai-chat__bars{display:flex;flex-direction:column;gap:6px}
.aai-chat__bars i{display:block;height:14px;border-radius:4px;background-color:var(--azure-radiance-500)}
.aai-chat__bars i:nth-child(1){width:90%}
.aai-chat__bars i:nth-child(2){width:64%;opacity:.8}
.aai-chat__bars i:nth-child(3){width:40%;opacity:.6}
.aai-chat__sources{display:flex;flex-wrap:wrap;gap:6px}
.aai-chat__sources b{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:100px;background-color:hsla(0,0%,100%,.06);font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:var(--line-height-20);color:var(--slate-300)}
.aai-chat__sources b:last-child{color:var(--success)}
.aai-chat__input{display:flex;align-items:center;gap:10px;margin:0 20px 20px;padding:8px 8px 8px 16px;border:1px solid hsla(0,0%,100%,.08);border-radius:100px}
.aai-chat__input i{flex:1;height:8px;max-width:50%;border-radius:6px;background-color:hsla(0,0%,100%,.07)}
.aai-chat__input span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;border-radius:100px;background-color:var(--azure-radiance-500);color:var(--white)}
.aai-hero-visual{--asr-mock:500px}

/* ---- Ekosistem ---- */
.asr .aai-ecosystem{background-color:var(--white)}
.aai-ecosystem .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:96px;align-items:center}
.aai-ecosystem__text>p{margin-top:24px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.aai-heritage{margin-top:32px;padding:20px 24px;border-left:3px solid var(--purple);border-radius:0 8px 8px 0;background-color:var(--slate-50)}
.aai-heritage__label{color:var(--purple)}
.aai-heritage p{margin-top:6px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-600)}
.aai-hubs{position:relative;display:flex;flex-direction:column;gap:16px;padding-left:32px}
.aai-hubs:before{content:"";position:absolute;top:24px;bottom:24px;left:6.5px;width:3px;border-radius:100px;background-color:var(--azure-radiance-500)}
.aai-hubs li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.aai-hubs li:before{content:"";position:absolute;top:32px;left:-32px;width:16px;height:16px;border:3px solid var(--white);border-radius:100px;background-color:var(--azure-radiance-500)}
.aai-hubs__district{display:inline-flex;align-items:center;gap:6px}
.aai-hubs h3{margin-top:4px;color:var(--slate-800)}
.aai-hubs p{margin-top:8px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.aai-hubs__stat{display:inline-flex;align-items:baseline;gap:6px;margin-top:16px;padding:4px 14px;border-radius:100px;background-color:var(--azure-radiance-100);font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--azure-radiance-800)}
.aai-hubs__stat strong{font-weight:var(--font-weight-700)}
@media (max-width:1023px){.aai-ecosystem .container{grid-template-columns:1fr;gap:40px}}

/* ---- Kullanım alanları ---- */
.asr .aai-usecases{background-color:var(--white)}
.aai-usecases__grid li{display:flex;flex-direction:column;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.aai-usecases__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aai-usecases__grid h3{margin-top:20px}
.aai-usecases__grid p{margin-top:8px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.aai-usecases__grid li.aai-usecases__cta{justify-content:center;align-items:flex-start;border:none;background:var(--slate-950)}
.aai-usecases__cta h3{margin-top:0;color:var(--white)}
.aai-usecases__grid .aai-usecases__cta p{margin-bottom:24px;color:var(--slate-300)}
@media (max-width:1023px){.aai-usecases__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}
@media (max-width:600px){.aai-usecases__grid{grid-template-columns:1fr}}

/* ---- Hazırlık testi ---- */
.asr .aai-ready{background-color:var(--white)}
.aai-ready .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:96px;align-items:center}
.aai-ready__text>p{margin-top:16px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.aai-ready__list{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:32px}
.aai-ready__list label{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50);font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-700);cursor:pointer;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}
.aai-ready__list label:hover{background-color:var(--slate-100)}
.aai-ready__list input{position:absolute;opacity:0;pointer-events:none}
.aai-ready__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:2px solid var(--slate-300);border-radius:7px;color:transparent;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}
.aai-ready__list input:checked+.aai-ready__box{border-color:var(--azure-radiance-500);background-color:var(--azure-radiance-500);color:var(--white)}
.aai-ready__list label:has(input:checked){border-color:var(--azure-radiance-500);background-color:rgba(57,122,247,.05)}
.aai-ready__list input:focus-visible+.aai-ready__box{outline:2px solid var(--azure-radiance-500);outline-offset:3px}
.aai-ready__result{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border-radius:8px;background-color:var(--slate-950)}
.aai-ready__meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin-top:16px}
.aai-ready__meter i{height:10px;border-radius:100px;background-color:hsla(0,0%,100%,.08);transition:background-color .3s ease-in-out}
.aai-ready__meter i.is-on{background-color:var(--azure-radiance-500)}
.aai-ready.is-high .aai-ready__meter i.is-on{background-color:var(--success)}
.aai-ready__score{margin-top:24px;font-size:var(--font-size-48);font-weight:var(--font-weight-600);line-height:var(--line-height-52);letter-spacing:-.03em;color:var(--white)}
.aai-ready__result h3{margin-top:8px;color:var(--white)}
.aai-ready__result p{margin:8px 0 28px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-400)}
@media (max-width:1023px){.aai-ready .container{grid-template-columns:1fr;gap:40px}}

/* ---- Hazır araç mı, özel geliştirme mi ---- */
.asr .aai-tools{background-color:var(--white)}
/* Karar tablosu: sitedeki tablolar gibi beyaz zemin, soft slate-200 yatay ve dikey çizgiler */
.aai-decision{width:100%;max-width:1000px;margin-top:64px;overflow:hidden;border:1px solid var(--slate-200);border-radius:8px;background-color:var(--white)}
.aai-decision__head,.aai-decision__row{display:grid;grid-template-columns:minmax(0,1fr) 200px 200px}
.aai-decision__head>*,.aai-decision__row>*{padding:18px 24px}
.aai-decision__head>*+*,.aai-decision__row>*+*{border-left:1px solid var(--slate-200)}
.aai-decision__head{border-bottom:1px solid var(--slate-200);font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-400)}
.aai-decision__head strong{font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-24);text-align:center;color:var(--slate-700)}
.aai-decision__head small{display:block;font-size:var(--font-size-12);font-weight:var(--font-weight-400);line-height:var(--line-height-16);color:var(--slate-400)}
.aai-decision__head .is-custom{color:var(--azure-radiance-700)}
.aai-decision__row+.aai-decision__row{border-top:1px solid var(--slate-200)}
.aai-decision__text{display:flex;align-items:center;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-700)}
.aai-decision__cell{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--slate-300)}
.aai-decision__cell em{font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-500);line-height:var(--line-height-20);color:var(--slate-400)}
.aai-decision__cell.is-yes{color:var(--success-text)}
.aai-decision__cell.is-yes em{color:var(--slate-700)}
.aai-decision__cell.is-custom.is-yes{color:var(--azure-radiance-600)}
@media (max-width:767px){
  .aai-decision{margin-top:48px}
  .aai-decision__head,.aai-decision__row{grid-template-columns:minmax(0,1fr) 84px 84px}
  .aai-decision__head>*,.aai-decision__row>*{padding:14px 10px}
  .aai-decision__head>span{visibility:hidden}
  .aai-decision__head strong{font-size:var(--font-size-12);line-height:var(--line-height-16)}
  .aai-decision__head small,.aai-decision__cell em{display:none}
  .aai-decision__text{padding-left:16px;font-size:var(--font-size-14);line-height:var(--line-height-20)}
}

/* ---- İlçe rehberi: liste ---- */
.asr .aai-districts{background-color:var(--white)}
.aai-districts .container{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:72px;align-items:start}
.aai-districts__intro{position:sticky;top:120px;display:flex;flex-direction:column;align-items:flex-start}
.aai-districts__intro .h1{margin-top:24px;font-size:var(--font-size-40);line-height:var(--line-height-48);letter-spacing:-.03em}
.aai-districts__intro p{margin-top:16px;font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-500)}
.aai-districts__list{display:flex;flex-direction:column}
.aai-districts__list li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 24px;padding:20px 0;border-top:1px solid var(--slate-200)}
.aai-districts__list li:last-child{border-bottom:1px solid var(--slate-200)}
.aai-districts__name{display:flex;align-items:center;gap:8px;grid-row:span 2;font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--slate-800)}
.aai-districts__name svg{flex-shrink:0;color:var(--azure-radiance-600)}
.aai-districts__zone{font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20);letter-spacing:.04em;text-transform:uppercase;color:var(--slate-400)}
.aai-districts__sectors{font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-600)}
@media (max-width:1023px){.aai-districts .container{grid-template-columns:1fr;gap:40px}.aai-districts__intro{position:static}.aai-districts__intro .h1{font-size:var(--font-size-30);line-height:var(--line-height-36)}}
@media (max-width:600px){.aai-districts__list li{grid-template-columns:1fr}.aai-districts__name{grid-row:auto}}

/* ---- Sözleşme maddeleri ---- */
.asr .aai-contract{background-color:var(--white)}
.aai-contract .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:96px;align-items:center}
.aai-contract__text p{margin:24px 0 40px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.aai-doc{position:relative;padding:32px;border:1px solid transparent;border-radius:4px 8px 8px 8px;background-color:var(--slate-50)}
.aai-doc__head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--slate-200)}
.aai-doc__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:8px;background-color:var(--azure-radiance-500);color:var(--white)}
.aai-doc__head strong{display:block;font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-24);color:var(--slate-800)}
.aai-doc__head div span{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
.aai-doc__clauses li{padding:18px 0;border-bottom:1px dashed var(--slate-200)}
.aai-doc__clauses li:last-child{padding-bottom:0;border-bottom:none}
.aai-doc__num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--azure-radiance-600)}
.aai-doc__clauses h3{margin-top:2px;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-24);color:var(--slate-800)}
.aai-doc__clauses p{margin-top:4px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
@media (max-width:1023px){.aai-contract .container{grid-template-columns:1fr;gap:40px}.aai-doc{padding:24px}}

/* ---- Webimonline ile AI (koyu bant) ---- */
.asr .aai-offer{background-color:var(--slate-950)}
.aai-offer .container{display:flex;flex-direction:column;gap:56px}
.aai-offer__intro{max-width:720px}
.aai-offer__intro .h1{color:var(--white)}
.aai-offer__intro p{margin-top:16px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-400)}
.aai-offer__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.aai-offer__grid a{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:24px;border:1px solid hsla(0,0%,100%,.03);border-radius:8px;background-color:hsla(0,0%,100%,.03);transition:border-color .3s ease-in-out,transform .3s ease-in-out}
.aai-offer__grid a:hover{transform:translateY(-2px);background-color:hsla(0,0%,100%,.05)}
.aai-offer__grid h3{margin-top:20px;color:var(--white)}
.aai-offer__grid p{margin:8px 0 20px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-400)}
.aai-offer__more{color:var(--azure-radiance-400)}
.aai-offer__grid a:hover .aai-offer__more svg{transform:translateX(4px)}
@media (max-width:1023px){.aai-offer .container{gap:40px}.aai-offer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.aai-offer__grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .aai-ready__list label,.aai-ready__box,.aai-ready__meter i,.aai-offer__grid a,.aai-offer__more svg{transition:none}
  .aai-offer__grid a:hover{transform:none}
}

/* ==== Yapay zeka görsel dili: sinir ağı, parıltı, gradyan kenarlar ==== */

/* Etiketler: mavi-mor gradyan */

/* Gradyan yazı */
.aai-gradient-text{background:linear-gradient(94.61deg,#397af7 47.31%,#8045ff 89.59%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* Hero: sinir ağı arka planı ve renkli ışık halkaları */

/* Kurum asistanı: dönen gradyan kenar, düşünme göstergesi, yanıp sönen imleç */
.aai-chat{position:relative;border:none;isolation:isolate}
.aai-chat:before{content:"";position:absolute;inset:0;z-index:-2;padding:1px;border-radius:8px;background:conic-gradient(from var(--aai-angle,0deg),#397af7,#8045ff,#397af7);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:aai-spin 6s linear infinite}
@property --aai-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes aai-spin{to{--aai-angle:360deg}}
.aai-chat__thinking{display:flex;align-items:center;gap:4px;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--purple)}
.aai-chat__thinking i{width:6px;height:6px;border-radius:100px;background-color:var(--purple);animation:aai-dot 1.2s ease-in-out infinite}
.aai-chat__thinking i:nth-child(2){animation-delay:.15s}
.aai-chat__thinking i:nth-child(3){margin-right:6px;animation-delay:.3s}
@keyframes aai-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.aai-chat__lines i{background:linear-gradient(90deg,hsla(0,0%,100%,.08) 0%,hsla(0,0%,100%,.22) 50%,hsla(0,0%,100%,.08) 100%);background-size:200% 100%;animation:aai-shimmer 2.4s linear infinite}
@keyframes aai-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.aai-chat__caret{width:2px;height:16px;margin-left:-4px;background-color:var(--purple);animation:aai-caret 1s steps(1) infinite}
@keyframes aai-caret{50%{opacity:0}}

/* Hero yan kartları: ince gradyan kenar */

/* Neden Webimonline: zaman çizgisi düğümleri nabız gibi atar */
.aai-hubs li:nth-child(2):before{animation-delay:.8s}
.aai-hubs li:nth-child(3):before{animation-delay:1.6s}

/* Çözüm kartları: hover'da gradyan kenar ve parıltı */
.aai-usecases__grid li:not(.aai-usecases__cta){position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.aai-usecases__grid li:not(.aai-usecases__cta):hover{transform:translateY(-2px)}

/* Hazırlık testi: sonuç kartında ışık, dolu çubuklarda parıltı */

.aai-ready__list input:checked+.aai-ready__box{border-color:transparent;background-color:var(--azure-radiance-500)}

/* Karar tablosu: özel geliştirme sütunu gradyan vurgulu */
.aai-decision__head .is-custom{background-color:var(--azure-radiance-500);color:var(--white)}
.aai-decision__head .is-custom small{color:hsla(0,0%,100%,.75)}

/* Koyu bantlar: nokta ızgarası ve renkli ışık */

@media (prefers-reduced-motion:reduce){
  .aai-chat:before,.aai-chat__thinking i,.aai-chat__lines i,.aai-chat__caret,.aai-hubs li:before{animation:none}
  .aai-usecases__grid li:not(.aai-usecases__cta){transition:none}
  .aai-usecases__grid li:not(.aai-usecases__cta):hover{transform:none}
}