/* Homepage: one continuous hero-style background + stronger pastel process cards */
:root{
  --home-bg:#f1f1f1;
  --home-grid:rgba(20,20,20,.055);
}

/* Tek zemin: grid main üzerinde bir kez çizilir. */
html,body{background:var(--home-bg)!important}
main{
  background-color:var(--home-bg)!important;
  background-image:
    linear-gradient(var(--home-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--home-grid) 1px,transparent 1px)!important;
  background-size:76px 76px!important;
  background-position:0 0!important;
}

/* Ana sayfadaki bölüm arka planları artık grid'i kapatmaz. */
main > section,
main > .section,
main > .section-soft,
main > .process,
main > .seo-process-premium{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Hero kendi ikinci grid katmanını çizmesin; main'deki kesintisiz grid görünsün. */
main > .agency-hero .agency-grid{display:none!important}

/* 5 adım alanındaki renkli arka plan lekelerini kapat; tek zemin devam etsin. */
.seo-process-premium::before,
.seo-process-premium::after{
  display:none!important;
  content:none!important;
}

/* Eski koyu süreç bölümü varsa aynı ana zeminde kalsın. */
main > .process{color:#111!important}
main > .process .eyebrow.light{color:#6847e8!important}
main > .process .process-grid{
  background:transparent!important;
  border-color:#dedede!important;
}
main > .process .process-card{
  background:#fff!important;
  color:#111!important;
  border:1px solid #e3e3e3!important;
}
main > .process .process-card>span{color:#8a8a8a!important}
main > .process .process-card p{color:#6d6d6d!important}

/* 5 adım alanı */
.seo-process-premium{
  position:relative;
  overflow:hidden;
  padding:82px 0 76px!important;
  color:#111!important;
}
.seo-process-wrap{position:relative;z-index:2}
.seo-process-head{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:end!important;
  gap:18px!important;
  margin-bottom:36px!important;
}
.seo-process-kicker-wrap{display:flex;align-items:center;gap:10px;padding-bottom:9px}
.seo-process-dot{width:8px;height:8px;border-radius:50%;background:#ff7b28;box-shadow:0 0 0 7px rgba(255,123,40,.1)}
.seo-process-kicker{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.18em;color:#6847e8!important}
.seo-process-head h2{
  margin:0!important;
  max-width:none!important;
  font-size:40px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:820!important;
  white-space:nowrap!important;
  color:#0b0b0b!important;
}

.seo-process-track{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.seo-process-step{
  position:relative;
  min-height:318px!important;
  padding:24px 22px 22px!important;
  border-radius:26px!important;
  color:#111!important;
  box-shadow:0 16px 40px rgba(0,0,0,.045),inset 0 1px rgba(255,255,255,.75)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.seo-process-step:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(0,0,0,.07)!important}

/* Belirgin pastel renkli kartlar */
.seo-process-step:nth-child(1){
  background:linear-gradient(145deg,#ffe4d2 0%,#fff1e7 58%,#f7edff 100%)!important;
  border:1px solid #ffb982!important;
}
.seo-process-step:nth-child(2){
  background:linear-gradient(145deg,#e7ddff 0%,#f2edff 58%,#fff 100%)!important;
  border:1px solid #c9b8ff!important;
}
.seo-process-step:nth-child(3){
  background:linear-gradient(145deg,#ffe9d7 0%,#fff4e9 62%,#fff 100%)!important;
  border:1px solid #f2c79f!important;
}
.seo-process-step:nth-child(4){
  background:linear-gradient(145deg,#dcecff 0%,#edf6ff 62%,#fff 100%)!important;
  border:1px solid #afcff5!important;
}
.seo-process-step:nth-child(5){
  background:linear-gradient(145deg,#e6f2d4 0%,#f3f8e9 62%,#fff 100%)!important;
  border:1px solid #c5dca7!important;
}

.seo-process-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.seo-process-no{font-size:13px;font-weight:850;color:#111!important}
.seo-process-tag{
  font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
  color:#686868!important;padding:7px 9px;border-radius:999px;
  border:1px solid rgba(0,0,0,.08)!important;background:rgba(255,255,255,.66)!important;
}
.seo-process-icon{
  width:48px;height:48px;margin-top:34px;border-radius:15px;
  display:grid;place-items:center;font-size:22px;font-weight:850;
  color:#111!important;box-shadow:0 10px 24px rgba(82,60,180,.08)!important;
}
.seo-process-step:nth-child(1) .seo-process-icon{background:linear-gradient(135deg,#ffae35,#ff662a)!important;color:#fff!important}
.seo-process-step:nth-child(2) .seo-process-icon{background:#d9ccff!important}
.seo-process-step:nth-child(3) .seo-process-icon{background:#f1d4bd!important}
.seo-process-step:nth-child(4) .seo-process-icon{background:#bfdbff!important}
.seo-process-step:nth-child(5) .seo-process-icon{background:#cee3ae!important}
.seo-process-step h3{margin:22px 0 11px!important;font-size:19px!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#111!important}
.seo-process-step p{margin:0!important;color:#616161!important;font-size:13px!important;line-height:1.48!important}
.seo-process-connector{position:absolute;right:-13px;top:50%;width:14px;height:1px;background:#cfcfcf!important;z-index:3}

.seo-process-bottom{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-top:27px;color:#777;font-size:11px;font-weight:800}
.seo-process-progress{height:3px;border-radius:999px;background:#d7d7d7!important;overflow:hidden}
.seo-process-progress i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7b28,#855cff)!important}
.seo-process-cta{margin-left:28px;min-height:48px;padding:0 8px 0 19px;border-radius:999px;background:#0b0b0b!important;color:#fff!important;display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:850;white-space:nowrap}
.seo-process-cta b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff!important;color:#111!important;font-size:16px}

@media(max-width:1100px){
  .seo-process-head{grid-template-columns:140px minmax(0,1fr)!important;gap:20px!important}
  .seo-process-head h2{font-size:clamp(30px,4.3vw,46px)!important}
  .seo-process-track{overflow-x:auto;grid-template-columns:repeat(5,240px)!important;padding-bottom:10px;scrollbar-width:thin;scroll-snap-type:x proximity}
  .seo-process-step{scroll-snap-align:start}
}
@media(max-width:760px){
  .seo-process-premium{padding:62px 0 56px!important}
  .seo-process-head{display:block!important;margin-bottom:30px!important}
  .seo-process-kicker-wrap{margin-bottom:12px}
  .seo-process-head h2{font-size:40px!important;white-space:normal!important;max-width:520px!important}
  .seo-process-track{grid-template-columns:repeat(5,82vw)!important;gap:12px!important;margin-right:-14px}
  .seo-process-step{min-height:292px!important}
  .seo-process-bottom{grid-template-columns:auto 1fr auto;margin-top:20px}
  .seo-process-cta{grid-column:1/-1;justify-self:start;margin:8px 0 0}
}