/* /ankara-seo-hizmeti — ankara-server-companies.css (.asr) üzerine SEO'ya özel bileşenler */

/* ---- Hero: arama sonucu maketi ve yan kartlar ---- */

.aseo-serp{overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;background-color:#0b1020}
.aseo-serp__bar{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.06);background-color:#111729}
.aseo-serp__logo{display:flex;gap:3px}
.aseo-serp__logo i{width:8px;height:8px;border-radius:100px;background-color:var(--azure-radiance-500)}
.aseo-serp__logo i:nth-child(2){background-color:var(--red-200)}
.aseo-serp__logo i:nth-child(3){background-color:var(--purple)}
.aseo-serp__logo i:nth-child(4){background-color:var(--success)}
.aseo-serp__query{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 14px;border-radius:100px;background-color:#0b1020;font-size:var(--font-size-14);color:var(--slate-200)}
.aseo-serp__query svg{color:var(--slate-400)}
.aseo-serp__body{display:flex;flex-direction:column;gap:14px;padding:18px}
.aseo-serp__body i{display:block;height:8px;border-radius:6px;background-color:hsla(0,0%,100%,.07)}
.aseo-serp__local{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px}
.aseo-serp__map{position:relative;min-height:104px;border-radius:8px;background-color:#111729;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 1px),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 1px);background-size:18px 18px}
.aseo-serp__map b{position:absolute;width:12px;height:12px;border:2px solid #0b1020;border-radius:100px 100px 100px 0;transform:rotate(-45deg);background-color:var(--slate-500)}
.aseo-serp__map b:nth-child(1){top:28%;left:38%;width:16px;height:16px;background-color:var(--azure-radiance-500)}
.aseo-serp__map b:nth-child(2){top:58%;left:18%}
.aseo-serp__map b:nth-child(3){top:62%;left:68%}
.aseo-serp__local ol{display:flex;flex-direction:column;justify-content:center;gap:8px}
.aseo-serp__local li{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:8px}
.aseo-serp__local li span{font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-16);color:var(--slate-400)}
.aseo-serp__local li i{width:70%;height:6px}
.aseo-serp__local li.is-you{background-color:rgba(57,122,247,.14)}
.aseo-serp__local li.is-you span{color:var(--white)}
.aseo-serp__result{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:8px}
.aseo-serp__result i:last-child{width:70%}
.aseo-serp__result.is-you{padding-left:52px;border:1px solid rgba(57,122,247,.35);background-color:rgba(57,122,247,.16)}
.aseo-serp__rank{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:100px;background-color:var(--azure-radiance-500);font-size:var(--font-size-12);font-weight:var(--font-weight-700);color:var(--white)}
.aseo-serp__url{font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--success)}
.aseo-serp__url i{width:40%}
.aseo-serp__title{font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-22);color:var(--azure-radiance-300)}
@media (max-width:480px){.aseo-serp__local{grid-template-columns:1fr}.aseo-serp__map{min-height:72px}}

/* ---- Neden SEO: grafik ve niyetli aramalar ---- */
.aseo-why__visual{display:flex;flex-direction:column;gap:16px}
.aseo-chart,.aseo-intent{position:relative;padding:24px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.aseo-chart__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-700)}
.aseo-chart__legend{display:flex;align-items:center;gap:8px;font-weight:var(--font-weight-500);color:var(--slate-500)}
.aseo-chart__legend i{width:16px;height:3px;border-radius:4px}
.aseo-chart__legend i+i{margin-left:8px}
.aseo-chart__legend .is-seo{background-color:var(--azure-radiance-500)}
.aseo-chart__legend .is-ads{background-color:var(--purple)}
.aseo-chart svg{display:block;width:100%;height:160px}
.aseo-chart__marker{position:absolute;top:68px;left:calc(24px + (100% - 48px) * .565);transform:translateX(-50%);padding:2px 8px;border-radius:100px;background-color:var(--slate-100);font-size:var(--font-size-12);line-height:var(--line-height-20);white-space:nowrap;color:var(--slate-600)}
.aseo-chart__note{display:block;margin-top:8px;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.aseo-intent h3{color:var(--slate-800)}
.aseo-intent>p{margin-top:4px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
.aseo-intent ul{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.aseo-intent li{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 56px;gap:14px;align-items:center}
.aseo-intent__query{display:flex;align-items:center;gap:8px;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-700)}
.aseo-intent__query svg{flex-shrink:0;color:var(--slate-400)}
.aseo-intent__bar{height:8px;border-radius:100px;background-color:var(--slate-100)}
.aseo-intent__bar i{display:block;height:100%;border-radius:100px;background-color:var(--azure-radiance-500)}
.aseo-intent li strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);text-align:right;color:var(--slate-800)}
.aseo-intent__note{display:block;margin-top:16px;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
@media (max-width:600px){.aseo-intent li{grid-template-columns:minmax(0,1fr) 56px}.aseo-intent__bar{grid-column:1/-1;grid-row:2}}

/* ---- Site denetimi kartları ---- */
.aseo-audit{background-color:var(--white)}
/* Denetim kartları: sitenin kart standardı (advantages-card tipografisi), rozetler global .tag */
.aseo-audit__card{display:flex;flex-direction:column;padding:32px 24px;border-radius:8px;background-color:var(--slate-50)}
.aseo-audit__card>.tag{margin-bottom:24px}
.aseo-audit__card>p{margin-top:8px;font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-500)}
.aseo-audit__fix{margin-top:auto;padding-top:24px}
.aseo-audit__fix h4{margin-bottom:14px;padding-top:24px;border-top:1px solid var(--slate-200)}
.aseo-audit__fix .asr-list{gap:12px}
.aseo-audit__fix .asr-list li{font-size:var(--font-size-14);font-weight:var(--font-weight-500);line-height:var(--line-height-22);color:var(--slate-800)}
@media (max-width:1023px){.aseo-audit__grid{grid-template-columns:1fr;margin-top:40px}}

/* ---- SEO katmanları ---- */
.asr .aseo-layers{background-color:var(--white)}
.aseo-layers__track{position:relative;display:flex;justify-content:space-between;width:100%;max-width:760px;margin-top:56px}
.aseo-layers__track:before{content:"";position:absolute;top:22.5px;left:60px;right:60px;height:3px;border-radius:100px;background-color:var(--azure-radiance-500)}
.aseo-layers__track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:120px;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-700)}
.aseo-layers__track span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100px;background-color:var(--azure-radiance-500);font-size:var(--font-size-16);color:var(--white)}
.aseo-layers .asr-plans{margin-top:48px}
.aseo-layers__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aseo-layers .asr-plan__for{margin-bottom:24px}
.aseo-layers .asr-plan__for .asr-list{margin-top:20px}
.aseo-more{margin-top:auto}
.aseo-ai{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:24px;align-items:center;width:100%;margin-top:48px;padding:28px 32px;border-radius:8px;background:var(--slate-950);color:var(--white);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.aseo-ai:hover{transform:translateY(-2px)}
.aseo-ai__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:100px;background-color:hsla(0,0%,100%,.1)}
.aseo-ai__text strong{display:block;font-size:var(--font-size-20);font-weight:var(--font-weight-600);line-height:var(--line-height-28)}
.aseo-ai__text>span{display:block;margin-top:4px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-300)}
.aseo-ai__stats{display:flex;gap:24px}
.aseo-ai__stats>span{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-18);white-space:nowrap;color:var(--slate-300)}
.aseo-ai__stats strong{font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);color:var(--white)}
.aseo-ai__arrow{transition:transform .3s ease-in-out}
.aseo-ai:hover .aseo-ai__arrow{transform:translateX(4px)}
@media (max-width:1023px){.aseo-layers__track{margin-top:40px}.aseo-ai{grid-template-columns:auto minmax(0,1fr);padding:24px}.aseo-ai__stats{grid-column:1/-1}.aseo-ai__arrow{display:none}}
@media (max-width:600px){.aseo-layers__track li{width:96px;font-size:var(--font-size-12)}.aseo-layers__track:before{left:48px;right:48px}}

/* ---- Çalışma modelleri ---- */
.asr .aseo-models{background-color:var(--white)}
.aseo-models__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-top:64px}
@media (max-width:1023px){.aseo-models__grid{grid-template-columns:1fr;margin-top:40px}}

/* ---- Sonuçlar (koyu bant) ---- */
.asr .aseo-results{background-color:var(--slate-950)}
.aseo-results .container{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px 72px;align-items:center}
.aseo-results__intro .h1{color:var(--white)}
.aseo-results__intro p{margin-top:16px;font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-400)}
.aseo-results__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.aseo-results__stats li{display:flex;flex-direction:column;gap:8px;padding:0 24px;border-left:1px solid hsla(0,0%,100%,.08)}
.aseo-results__stats strong{font-size:var(--font-size-48);font-weight:var(--font-weight-600);line-height:var(--line-height-52);letter-spacing:-.03em;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}
.aseo-results__stats span{font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-400)}
.aseo-case{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);overflow:hidden;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}
.aseo-case:hover{background-color:hsla(0,0%,100%,.05)}
.aseo-case__cover img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}
.aseo-case__text{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:40px}
.aseo-case__label{color:var(--azure-radiance-400)}
.aseo-case__text strong{font-size:var(--font-size-30);font-weight:var(--font-weight-600);line-height:var(--line-height-36);letter-spacing:-.02em;color:var(--white)}
.aseo-case__text>span:not(.aseo-case__label):not(.aseo-case__link){font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-400)}
.aseo-case__link{margin-top:8px;color:var(--azure-radiance-400)}
.aseo-case:hover .aseo-case__link svg{transform:translateX(4px)}
@media (max-width:1023px){.aseo-results .container{grid-template-columns:1fr}.aseo-results__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}.aseo-results__stats strong{font-size:var(--font-size-36);line-height:var(--line-height-44)}.aseo-case{grid-template-columns:1fr}.aseo-case__text{padding:28px}.aseo-case__text strong{font-size:var(--font-size-24);line-height:var(--line-height-32)}}

/* ---- Ajans seçimi ve rapor kartı ---- */
.asr .aseo-checklist{background-color:var(--white)}
.aseo-checklist .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:96px;align-items:center}
.aseo-checklist__list{display:flex;flex-direction:column;width:100%;margin-top:40px}
.aseo-checklist__list li{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--slate-200)}
.aseo-checklist__num{flex-shrink:0;width:40px;font-size:var(--font-size-24);font-weight:var(--font-weight-700);line-height:var(--line-height-32);color:var(--slate-200)}
.aseo-checklist__list h3{font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--slate-800)}
.aseo-checklist__list p{margin-top:4px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.aseo-report{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.aseo-report__head{display:flex;align-items:center;gap:14px}
.aseo-report__head .asr-hosting-visual__icon{color:var(--azure-radiance-600);background-color:var(--azure-radiance-100)}
.aseo-report__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)}
.aseo-report__head span{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
.aseo-report__bars{display:flex;align-items:flex-end;gap:8px;height:96px;padding:16px;border-radius:8px;background-color:var(--white)}
.aseo-report__bars i{flex:1;border-radius:4px 4px 0 0;background-color:var(--azure-radiance-500)}
.aseo-report__bars i:nth-child(1){height:22%}.aseo-report__bars i:nth-child(2){height:30%}.aseo-report__bars i:nth-child(3){height:28%}.aseo-report__bars i:nth-child(4){height:42%}
.aseo-report__bars i:nth-child(5){height:50%}.aseo-report__bars i:nth-child(6){height:64%}.aseo-report__bars i:nth-child(7){height:76%}.aseo-report__bars i:nth-child(8){height:92%}
@media (max-width:1023px){.aseo-checklist .container{grid-template-columns:1fr;gap:40px}}

/* ---- Yerel uzmanlık: ilçe kartları ---- */
.aseo-local__districts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;margin-top:48px}
.aseo-local__districts li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.aseo-local__districts svg{margin-bottom:8px;color:var(--azure-radiance-600)}
.aseo-local__districts strong{font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-24);color:var(--slate-800)}
.aseo-local__districts span{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
@media (max-width:1023px){.aseo-local__districts{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  .aseo-ai,.aseo-ai__arrow,.aseo-case,.aseo-case__link svg{transition:none}
  .aseo-ai:hover{transform:none}
}