/* /ankara-teknoloji-danismanlik — ankara-server-companies.css (.asr) üzerine teknoloji danışmanlığına özel bileşenler */



/* ---- Hero: teknoloji yol haritası (Gantt) maketi ---- */
.atd-roadmap{position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;background-color:#0b1020}
.atd-roadmap__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);background-color:#111729}
.atd-roadmap__head>span:first-child{font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.atd-roadmap__head strong{display:block;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--white)}
.atd-roadmap__status{display:inline-flex;align-items:center;gap:8px;padding:2px 10px;border-radius:100px;background-color:rgba(92,225,92,.1);font-size:var(--font-size-12);line-height:var(--line-height-20);color:var(--success)}
.atd-roadmap__status .asr-rack__led{width:8px;height:8px}
.atd-roadmap__grid{display:grid;grid-template-columns:88px repeat(4,minmax(0,1fr));row-gap:10px;padding:16px 20px 20px}
.atd-roadmap__quarter{padding-bottom:6px;border-left:1px dashed hsla(0,0%,100%,.08);font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-16);text-align:center;color:var(--slate-400)}
.atd-roadmap__lane{display:flex;align-items:center;font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:var(--line-height-16);color:var(--slate-300)}
.atd-roadmap__track{position:relative;grid-column:span 4;height:34px;border-radius:8px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 1px);background-size:25% 100%;background-color:hsla(0,0%,100%,.02)}
/* "Bugün" çizgisi: ikinci çeyreğin başı */
.atd-roadmap__track:after{content:"";position:absolute;top:-6px;bottom:-6px;left:30%;width:2px;background-color:var(--purple);opacity:.7}
.atd-roadmap__bar{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;padding:0 10px;overflow:hidden;border-radius:6px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);white-space:nowrap;color:var(--white)}
.atd-roadmap__bar--blue{background-color:var(--azure-radiance-500)}
.atd-roadmap__bar--purple{background-color:var(--purple-100)}
.atd-roadmap__bar--green{background-color:var(--success);color:var(--success-text)}
.atd-roadmap__bar--pink{background-color:var(--purple)}
.atd-hero-visual{--asr-mock:560px}
@media (max-width:480px){.atd-roadmap__grid{grid-template-columns:64px repeat(4,minmax(0,1fr));padding:12px}.atd-roadmap__bar{padding:0 6px;font-size:10px}}

/* ---- Dağınık sistemler → entegre yapı ---- */
.asr .atd-integrate{background-color:var(--white)}
.atd-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center;width:100%;margin-top:64px}
.atd-compare__arrow{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:100px;background-color:var(--azure-radiance-500);color:var(--white)}
.atd-diagram{display:flex;flex-direction:column;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.atd-diagram--after{border-color:var(--azure-radiance-200);background-color:var(--white)}
.atd-diagram__label{align-self:flex-start;padding:2px 12px;border-radius:100px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-22);background-color:var(--danger-bg);color:var(--danger-text)}
.atd-diagram--after .atd-diagram__label{background-color:var(--success-bg);color:var(--success-text)}
.atd-diagram__canvas{position:relative;height:260px;margin:20px 0 24px}
.atd-diagram__lines{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.atd-diagram--before .atd-diagram__lines line{stroke:var(--red-50);stroke-width:2;stroke-dasharray:6 8}
.atd-diagram--after .atd-diagram__lines line{stroke:var(--azure-radiance-300);stroke-width:2}
.atd-node{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50);font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);white-space:nowrap;color:var(--slate-700);transform:translate(-50%,-50%)}
.atd-diagram--before .atd-node--1{top:19%;left:17%;transform:translate(-50%,-50%) rotate(-4deg)}
.atd-diagram--before .atd-node--2{top:23%;left:50%;transform:translate(-50%,-50%) rotate(3deg)}
.atd-diagram--before .atd-node--3{top:15%;left:82%;transform:translate(-50%,-50%) rotate(-2deg)}
.atd-diagram--before .atd-node--4{top:77%;left:22%;transform:translate(-50%,-50%) rotate(5deg)}
.atd-diagram--before .atd-node--5{top:81%;left:52%;transform:translate(-50%,-50%) rotate(-3deg)}
.atd-diagram--before .atd-node--6{top:73%;left:80%;transform:translate(-50%,-50%) rotate(2deg)}
.atd-node--r1{top:10%;left:50%}
.atd-node--r2{top:33%;left:86%}
.atd-node--r3{top:67%;left:86%}
.atd-node--r4{top:90%;left:50%}
.atd-node--r5{top:67%;left:14%}
.atd-node--r6{top:33%;left:14%}
.atd-diagram--after .atd-node{border-color:var(--azure-radiance-200)}
.atd-hub{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:100px;transform:translate(-50%,-50%);background-color:var(--azure-radiance-500);font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-18);text-align:center;color:var(--white)}
.atd-diagram__list{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--slate-200)}
.atd-diagram__list li{display:flex;align-items:center;gap:10px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-700)}
@media (max-width:1023px){.atd-compare{grid-template-columns:1fr;margin-top:40px}.atd-compare__arrow{justify-self:center;transform:rotate(90deg)}}
@media (max-width:480px){.atd-diagram{padding:20px}.atd-node{padding:6px 10px;font-size:var(--font-size-12)}.atd-hub{width:84px;height:84px;font-size:var(--font-size-12)}}

/* ---- Danışmanlık alanları ---- */
.asr .atd-areas{background-color:var(--white)}
.atd-areas__grid a{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50);transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out}
.atd-areas__grid a:hover{transform:translateY(-2px);background-color:var(--slate-100)}
.atd-areas__grid h3{margin-top:20px;color:var(--slate-800)}
.atd-areas__grid p{margin:8px 0 24px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.atd-areas__output{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:6px 12px;border:1px dashed var(--slate-300);border-radius:8px;background-color:var(--slate-50);font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
.atd-areas__output svg{color:var(--azure-radiance-600)}
.atd-areas__output strong{font-weight:var(--font-weight-600);color:var(--slate-800)}
@media (max-width:1023px){.atd-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}
@media (max-width:600px){.atd-areas__grid{grid-template-columns:1fr}}

/* ---- Dijital olgunluk merdiveni ---- */
.asr .atd-maturity{background-color:var(--white)}
.atd-maturity .container{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:72px;align-items:center}
.atd-maturity__text p{margin:24px 0 40px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
/* Basamak yükseklikleri min-height ile verilir; metin uzarsa basamak büyür, taşmaz */
.atd-stairs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}
.atd-stairs__step{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:18px 14px;border-radius:8px 8px 4px 4px;background-color:var(--azure-radiance-50);border:1px solid var(--azure-radiance-200)}
.atd-stairs__step--1{min-height:220px}
.atd-stairs__step--2{min-height:270px}
.atd-stairs__step--3{min-height:320px}
.atd-stairs__step--4{min-height:370px}
.atd-stairs__step--5{min-height:420px;border:none;background-color:var(--azure-radiance-500)}
.atd-stairs__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100px;background-color:var(--white);font-size:var(--font-size-14);font-weight:var(--font-weight-700);color:var(--azure-radiance-700)}
.atd-stairs__step h3{margin-top:12px;overflow-wrap:anywhere;color:var(--slate-800)}
.atd-stairs__step p{margin-top:6px;overflow-wrap:break-word;hyphens:auto;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
.atd-stairs__step--5 h3{color:var(--white)}
.atd-stairs__step--5 p{color:hsla(0,0%,100%,.8)}
@media (max-width:1023px){
  .atd-maturity .container{grid-template-columns:1fr;gap:40px}
  .atd-stairs{grid-template-columns:1fr;gap:8px}
  .atd-stairs__step{min-height:0;border-radius:8px}
  .atd-stairs__step--1{margin-right:32%}.atd-stairs__step--2{margin-right:24%}.atd-stairs__step--3{margin-right:16%}.atd-stairs__step--4{margin-right:8%}
}

/* ---- Klasik danışmanlık ve Webimonline ---- */
.asr .atd-diff{background-color:var(--white)}

/* ---- Teslimatlar (koyu bant, belge destesi) ---- */
.asr .atd-deliver{background-color:var(--slate-950)}
.atd-deliver__stack{position:relative;height:440px}
.atd-deliver__sheet{position:absolute;left:50%;display:flex;flex-direction:column;gap:12px;width:300px;padding:24px;border-radius:8px;background-color:var(--white)}
.atd-deliver__sheet b{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-800)}
.atd-deliver__sheet b svg{flex-shrink:0;color:var(--azure-radiance-600)}
.atd-deliver__sheet i{display:block;height:8px;border-radius:4px;background-color:var(--slate-100)}
.atd-deliver__sheet i:nth-child(3){width:80%}
.atd-deliver__sheet i:nth-child(4){width:60%}
.atd-deliver__sheet--1{top:0;transform:translateX(-50%) rotate(-10deg) translateX(-60px);opacity:.55}
.atd-deliver__sheet--2{top:50px;transform:translateX(-50%) rotate(-5deg) translateX(-30px);opacity:.7}
.atd-deliver__sheet--3{top:100px;transform:translateX(-50%) rotate(0deg);opacity:.85}
.atd-deliver__sheet--4{top:150px;transform:translateX(-50%) rotate(5deg) translateX(30px);opacity:.95}
.atd-deliver__sheet--5{top:200px;transform:translateX(-50%) rotate(9deg) translateX(56px);border-top:4px solid var(--azure-radiance-500)}
.atd-deliver__text .h1{color:var(--white)}
.atd-deliver__list{display:flex;flex-direction:column;width:100%;margin-top:32px}
.atd-deliver__list li{display:flex;gap:20px;padding:16px 0;border-top:1px solid hsla(0,0%,100%,.08)}
.atd-deliver__num{flex-shrink:0;width:36px;font-size:var(--font-size-20);font-weight:var(--font-weight-700);line-height:var(--line-height-28);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}
.atd-deliver__list h3{font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--white)}
.atd-deliver__list p{margin-top:2px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-400)}
@media (max-width:1023px){.atd-deliver__stack{height:340px;order:1}.atd-deliver__sheet{width:240px}.atd-deliver__sheet--1{top:0}.atd-deliver__sheet--2{top:36px}.atd-deliver__sheet--3{top:72px}.atd-deliver__sheet--4{top:108px}.atd-deliver__sheet--5{top:144px}}

@media (prefers-reduced-motion:reduce){
  .atd-areas__grid a{transition:none}
  .atd-areas__grid a:hover{transform:none}
}