/* V63 | Approved 'Nasıl ilerliyoruz?' illustration: no icon circles,
   ascending timeline, actual GERÇEK logo as a quiet watermark.
   Scope, detail hero, navigation, and footer remain unchanged. */
.v63-detail{} /* safe namespace placeholder for standalone reuse */
.v57-detail .v63-process-section{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)!important}
.v57-detail .v63-roadmap,
.v57-detail .v63-roadmap *{box-sizing:border-box}
.v57-detail .v63-roadmap{
  position:relative;isolation:isolate;
  height:480px;min-height:0;overflow:hidden;
  border:1px solid #d9eafa;border-radius:24px;
  background:linear-gradient(136deg,#fbfdff,#f7fbff 58%,#fafdff 100%);
  box-shadow:0 16px 38px rgba(12,72,117,.04);
}
.v57-detail .v63-roadmap::before{
  content:"";position:absolute;z-index:0;
  left:8%;right:8%;top:9px;height:295px;
  background-image:url("../img/logo.png");
  background-position:center 34%;background-repeat:no-repeat;background-size:contain;
  filter:sepia(.22) saturate(1.2);
  opacity:.045;pointer-events:none;
}
.v57-detail .v63-roadmap-art{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:1;pointer-events:none;
}
.v57-detail .v63-stages{
  position:absolute;inset:0;z-index:2;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;min-width:0;
}
.v57-detail .v63-stage{
  --v63-base:75px;
  position:relative;min-width:0;height:100%;
  border:0;background:none;box-shadow:none;
}
.v57-detail .v63-stage:nth-child(2){--v63-base:128px}
.v57-detail .v63-stage:nth-child(3){--v63-base:180px}
.v57-detail .v63-stage:nth-child(4){--v63-base:240px}
.v57-detail .v63-stage-content{
  position:absolute;left:clamp(16px,1.6vw,27px);right:clamp(16px,1.6vw,27px);
  bottom:calc(var(--v63-base) + 49px);
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;text-align:left;
  border:0;border-radius:0;background:none;box-shadow:none;
  transform:none;transition:transform .23s ease;
}
.v57-detail .v63-stage-icon{
  display:block;flex:none;width:60px;height:60px;
  padding:0;margin:0 0 12px;
  border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
  color:#0c3477;
}
.v57-detail .v63-stage-icon svg{
  display:block!important;width:58px!important;height:58px!important;
  min-width:58px!important;max-width:58px!important;
  min-height:58px!important;max-height:58px!important;
  stroke-width:2.4;
}
.v57-detail .v63-stage-content h3{
  margin:0 0 9px!important;
  color:#0a2e54!important;font-size:clamp(13px,1.15vw,17px)!important;
  font-weight:850;line-height:1.32;letter-spacing:-.018em;
}
.v57-detail .v63-stage-content p{
  margin:0!important;font-size:clamp(11.3px,.93vw,13px)!important;
  line-height:1.58!important;color:#607d94!important;
}
.v57-detail .v63-stage-stem{
  position:absolute;left:calc(50% - .5px);
  bottom:calc(var(--v63-base) + 11px);
  height:29px;border-left:1px dashed #65b7ed;
  pointer-events:none;
}
.v57-detail .v63-stage-dot{
  position:absolute;left:calc(50% - 10px);
  bottom:calc(var(--v63-base) - 10px);
  width:20px;height:20px;border:5px solid #fff;border-radius:50%;
  background:#087fcd;box-shadow:0 0 0 1px #95d2f3,0 5px 12px rgba(13,117,188,.15);
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  .v57-detail .v63-stage:hover .v63-stage-content{transform:translateY(-4px)}
  .v57-detail .v63-stage:hover .v63-stage-icon{color:#007ac7}
  .v57-detail .v63-stage:hover .v63-stage-dot{background:#006aa9;box-shadow:0 0 0 4px #d1efff,0 5px 13px rgba(11,124,185,.17)}
}
@media (min-width:901px) and (max-width:1140px){
  .v57-detail .v63-roadmap{height:510px}
  .v57-detail .v63-stage-content{left:15px;right:15px}
  .v57-detail .v63-roadmap-art{height:480px;bottom:0;top:auto}
  .v57-detail .v63-stage:nth-child(1){--v63-base:75px}
  .v57-detail .v63-stage:nth-child(2){--v63-base:128px}
  .v57-detail .v63-stage:nth-child(3){--v63-base:180px}
  .v57-detail .v63-stage:nth-child(4){--v63-base:240px}
  .v57-detail .v63-stage-icon{width:46px;height:46px;margin-bottom:10px}
  .v57-detail .v63-stage-icon svg{width:43px!important;height:43px!important;min-width:43px!important;max-width:43px!important;min-height:43px!important;max-height:43px!important}
  .v57-detail .v63-stage-content h3{font-size:13px!important}
  .v57-detail .v63-stage-content p{font-size:11.4px!important}
}
@media (max-width:900px){
  .v57-detail .v63-roadmap{
    height:auto;min-height:0;
    padding:21px 16px 20px;border-radius:19px;
    background:linear-gradient(145deg,#fcfeff,#f5faff);
  }
  .v57-detail .v63-roadmap::before{
    left:18%;right:0;top:5%;height:215px;
    background-position:center 10%;background-size:contain;opacity:.015;
  }
  .v57-detail .v63-roadmap-art{display:none}
  .v57-detail .v63-stages{
    position:relative;inset:auto;
    display:flex;flex-direction:column;gap:17px;
    padding:4px 0 4px 30px;
  }
  .v57-detail .v63-stages::before{
    content:"";position:absolute;left:10px;top:33px;bottom:33px;
    width:1.5px;border-radius:2px;
    background:linear-gradient(180deg,#bbdef6,#1d91d3 45%,#b4d9f2);
  }
  .v57-detail .v63-stage:nth-child(n){--v63-base:0px;height:auto;min-height:0}
  .v57-detail .v63-stage-content{
    position:relative;left:auto;right:auto;bottom:auto;
    display:grid;grid-template-columns:43px minmax(0,1fr);
    column-gap:14px;row-gap:4px;align-items:center;
    padding:0;background:transparent;
  }
  .v57-detail .v63-stage-icon{
    grid-column:1;grid-row:1 / span 2;
    display:grid;place-items:center;
    width:43px;height:43px;margin:0;
  }
  .v57-detail .v63-stage-icon svg{
    width:38px!important;height:38px!important;
    min-width:38px!important;max-width:38px!important;
    min-height:38px!important;max-height:38px!important;
  }
  .v57-detail .v63-stage-content h3{
    grid-column:2;grid-row:1;
    margin:0!important;font-size:14px!important;line-height:1.32!important;
  }
  .v57-detail .v63-stage-content p{
    grid-column:2;grid-row:2;margin:0!important;
    font-size:11.8px!important;line-height:1.5!important;
  }
  .v57-detail .v63-stage-stem{display:none}
  .v57-detail .v63-stage-dot{
    left:-26px;top:15px;bottom:auto;
    width:12px;height:12px;border:3px solid #fff;
    box-shadow:0 0 0 1px #8acaf0;
  }
}
@media (max-width:520px){
  .v57-detail .v63-process-section{padding:34px 0 45px!important}
  .v57-detail .v63-roadmap{padding:17px 13px;border-radius:16px}
  .v57-detail .v63-stages{gap:15px;padding-left:28px}
  .v57-detail .v63-stages::before{left:9px}
  .v57-detail .v63-stage-dot{left:-24px}
  .v57-detail .v63-stage-content{grid-template-columns:36px minmax(0,1fr);gap:3px 11px}
  .v57-detail .v63-stage-icon{width:36px;height:36px}
  .v57-detail .v63-stage-icon svg{width:33px!important;height:33px!important;min-width:33px!important;max-width:33px!important;min-height:33px!important;max-height:33px!important}
  .v57-detail .v63-stage-content h3{font-size:12.9px!important}
  .v57-detail .v63-stage-content p{font-size:11.4px!important}
}
@media (prefers-reduced-motion:reduce){.v57-detail .v63-stage-content{transition:none!important}}


/* V64: consolidated icon system. No badge shapes, no inheriting global SVG dimensions. */
.v57-detail .v63-stage-icon svg.v64-process-svg{
  overflow:visible;
  display:block!important;
  stroke:#123c70!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
}
.v57-detail .v63-stage-icon svg.v64-process-svg .v64-icon-accent{
  stroke:#028fdb!important;
}
.v57-detail .v63-stage-icon svg.v64-process-svg [fill="currentColor"]{
  fill:#123c70!important;
}
@media (hover:hover) and (pointer:fine){
 .v57-detail .v63-stage:hover .v63-stage-icon svg.v64-process-svg{stroke:#087ac3!important}
 .v57-detail .v63-stage:hover .v64-icon-accent{stroke:#00a5eb!important}
}

/* V65: balanced, distinct workflow symbols; no background disks and no oversized SVGs. */
.v57-detail .v63-stage-icon {
  width:45px!important;height:45px!important;
  flex:0 0 45px!important;
  margin-bottom:9px!important;
  display:grid!important;place-items:center!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
.v57-detail .v63-stage-icon svg.v65-process-svg {
  width:40px!important;height:40px!important;
  min-width:0!important;max-width:40px!important;
  min-height:0!important;max-height:40px!important;
  overflow:hidden!important;
  stroke:#134671!important;stroke-width:1.9!important;
}
.v57-detail .v63-stage-icon .v65-icon-accent{stroke:#079add!important}
@media (max-width:900px){
  .v57-detail .v63-stage-icon {
    width:39px!important;height:39px!important;flex-basis:39px!important;margin:0!important;
  }
  .v57-detail .v63-stage-icon svg.v65-process-svg {
    width:32px!important;height:32px!important;
    max-width:32px!important;max-height:32px!important;
  }
}
@media (max-width:520px){
  .v57-detail .v63-stage-icon {
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
  .v57-detail .v63-stage-icon svg.v65-process-svg {
    width:29px!important;height:29px!important;
    max-width:29px!important;max-height:29px!important;
  }
}